Auf Thema antworten 2026

Beitrag

<blockquote data-quote="maxsteel" data-source="post: 1507922" data-attributes="member: 250683">Hi Leute ich mühe mich jetz schon den ganzen Nachmittag mit dem Problem ab das ich es nicht schaffe in einen divlayer oben unten links und rechts etwas zu positionieren.Hier erstmal der Bady des HTML Codes:[HTML]&lt;body&gt;&lt;div id=&quot;bereich&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;button1&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;button2&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;button3&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;button4&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;button5&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;galerie&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;top&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;left&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;right&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;bottom&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hallo&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;[/HTML]und hier der CSS code:[CODE]@charset &quot;utf-8&quot;;/* CSS Document */body{&nbsp; &nbsp; background:url(../images/bg.jpg);}#bereich{&nbsp; &nbsp; width:800px;&nbsp; &nbsp; height:600px;&nbsp; &nbsp; margin:auto;}#navigation{&nbsp; &nbsp; margin-top:20px;&nbsp; &nbsp; margin-left:200px;&nbsp; &nbsp; float:left;}#button1{&nbsp; &nbsp; width:180px;&nbsp; &nbsp; height:52px;&nbsp; &nbsp; margin-top:3px;&nbsp; &nbsp; background:url(../images/button_home.png);}#button2{&nbsp; &nbsp; width:180px;&nbsp; &nbsp; height:52px;&nbsp; &nbsp; margin-top:3px;&nbsp; &nbsp; background:url(../images/button_home.png);}#button3{&nbsp; &nbsp; width:180px;&nbsp; &nbsp; height:52px;&nbsp; &nbsp; margin-top:3px;&nbsp; &nbsp; background:url(../images/button_home.png);}#button4{&nbsp; &nbsp; width:180px;&nbsp; &nbsp; height:52px;&nbsp; &nbsp; margin-top:3px;&nbsp; &nbsp; background:url(../images/button_home.png);}#button5{&nbsp; &nbsp; width:180px;&nbsp; &nbsp; height:52px;&nbsp; &nbsp; margin-top:3px;&nbsp; &nbsp; background:url(../images/button_home.png);}#galerie{&nbsp; &nbsp; width:206px;&nbsp; &nbsp; height:300px;&nbsp; &nbsp; margin-top:20px;&nbsp; &nbsp; margin-left:20px;&nbsp; &nbsp; float:right;}#top {&nbsp; &nbsp; background:url(../images/galerie_oben.gif) top no-repeat;&nbsp; &nbsp; width:206px;&nbsp; &nbsp; height:6px;}#left {&nbsp; &nbsp; background:url(../images/galerie_links.gif) left repeat-y;&nbsp; &nbsp; width:2px;&nbsp; &nbsp; height:1px;}#right {&nbsp; &nbsp; background:url(../images/galerie_rechts.gif) right repeat-y;&nbsp; &nbsp; width:2px;&nbsp; &nbsp; height:1px;}#bottom {&nbsp; &nbsp; background:url(../images/galerie_unten.gif) bottom no-repeat;&nbsp; &nbsp; width:206px;&nbsp; &nbsp; height:6px;}[/CODE]Die Navigation funktioniert sehr gut, nur eben die galerie nicht. es soll eigtl so aussehen das ich ein bild bei der galerie habe für oben (top) für unten (bottom) und jeweils eins für links und rechts welches 1px hoch sind und repeatet werden auf der y achse. nun klappt das aber nicht wie ihr seht <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />Für mich sieht dieder teil relativ sinnlos aus:[HTML]&lt;div id=&quot;galerie&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;top&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;left&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;right&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;bottom&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hallo&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;[/HTML]Da es wahlölos gewählt ist. Die anordnung, erst top dann left. Danke schonmal für die antworten.mfg max</blockquote>

[QUOTE="maxsteel, post: 1507922, member: 250683"] Hi Leute ich mühe mich jetz schon den ganzen Nachmittag mit dem Problem ab das ich es nicht schaffe in einen divlayer oben unten links und rechts etwas zu positionieren. Hier erstmal der Bady des HTML Codes: [HTML]<body> <div id="bereich"> <div id="navigation"> <div id="button1"></div> <div id="button2"></div> <div id="button3"></div> <div id="button4"></div> <div id="button5"></div> </div> <div id="galerie"> <div id="top"> <div id="left"> <div id="right"> <div id="bottom"> hallo </div> </div> </div> </div> </div> </div> </body>[/HTML] und hier der CSS code: [CODE]@charset "utf-8"; /* CSS Document */ body{ background:url(../images/bg.jpg); } #bereich{ width:800px; height:600px; margin:auto; } #navigation{ margin-top:20px; margin-left:200px; float:left; } #button1{ width:180px; height:52px; margin-top:3px; background:url(../images/button_home.png); } #button2{ width:180px; height:52px; margin-top:3px; background:url(../images/button_home.png); } #button3{ width:180px; height:52px; margin-top:3px; background:url(../images/button_home.png); } #button4{ width:180px; height:52px; margin-top:3px; background:url(../images/button_home.png); } #button5{ width:180px; height:52px; margin-top:3px; background:url(../images/button_home.png); } #galerie{ width:206px; height:300px; margin-top:20px; margin-left:20px; float:right; } #top { background:url(../images/galerie_oben.gif) top no-repeat; width:206px; height:6px; } #left { background:url(../images/galerie_links.gif) left repeat-y; width:2px; height:1px; } #right { background:url(../images/galerie_rechts.gif) right repeat-y; width:2px; height:1px; } #bottom { background:url(../images/galerie_unten.gif) bottom no-repeat; width:206px; height:6px; } [/CODE] Die Navigation funktioniert sehr gut, nur eben die galerie nicht. es soll eigtl so aussehen das ich ein bild bei der galerie habe für oben (top) für unten (bottom) und jeweils eins für links und rechts welches 1px hoch sind und repeatet werden auf der y achse. nun klappt das aber nicht wie ihr seht :) Für mich sieht dieder teil relativ sinnlos aus:[HTML]<div id="galerie"> <div id="top"> <div id="left"> <div id="right"> <div id="bottom"> hallo </div> </div> </div> </div> </div>[/HTML] Da es wahlölos gewählt ist. Die anordnung, erst top dann left. Danke schonmal für die antworten. mfg max [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?