Auf Thema antworten 2026

Beitrag

<blockquote data-quote="mkuetting" data-source="post: 1379852">AW: Projekt: CSS Anfänger benötigt Schritt für Schritt HilfeEs sollen ja alle Listenelemente im Bereich navigation ein eigenes Bild bekommen.Auf meiner Seite: kannst du ja unter dem banner oben die einzelnden Button sehen.Die sollen aber von links nach rechts direkt hintereinander angezeigt werden ohne Zeilenumbruch.Tobadim hat mir gesagt ich könnte für die einzelnden &lt;li&gt; bereiche dann ein background-image in der CSS definieren.Dafür muss ich doch dann im HTML Code quasi so schreiben:[html]&lt;div id=&quot;navibereich&quot;&gt;&lt;ul&gt;&nbsp; &nbsp; &lt;li id=&quot;navileer&quot;&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li id=&quot;navistartseite&quot;&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li id=&quot;navigaestebuch&quot;&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li id=&quot;navilinks&quot;&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li id=&quot;navikontakt&quot;&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li id=&quot;naviimpressum&quot;&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li id=&quot;navileer2&quot;&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt; &lt;!-- Ende navibereich --&gt;[/html]und ich CSS so: (nur ein Besipiel für den ersten Button)[html]#navibereich {&nbsp; background-color: black;&nbsp; margin: 0px;}&nbsp; &nbsp; #navibereich ul {&nbsp; &nbsp; &nbsp; margin-bottom: 0px;&nbsp; &nbsp; }&nbsp; &nbsp; #navibereich li {&nbsp; &nbsp; &nbsp; display: inline;&nbsp; &nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; &nbsp; margin-right: 0px;&nbsp; &nbsp; &nbsp; margin-left: 0px;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /*===============================&nbsp; &nbsp; &nbsp; &nbsp; 3.1 Navibuttons&nbsp; &nbsp; &nbsp; &nbsp; ===============================*/&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #navibereichleer {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image: url(bilder/polo6Nv4_02.jpg);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }[/html]aber irgendwie wird kein Bild oder sonst was angezeigt.</blockquote>

[QUOTE="mkuetting, post: 1379852"] [b]AW: Projekt: CSS Anfänger benötigt Schritt für Schritt Hilfe[/b] Es sollen ja alle Listenelemente im Bereich navigation ein eigenes Bild bekommen. Auf meiner Seite: kannst du ja unter dem banner oben die einzelnden Button sehen. Die sollen aber von links nach rechts direkt hintereinander angezeigt werden ohne Zeilenumbruch. Tobadim hat mir gesagt ich könnte für die einzelnden <li> bereiche dann ein background-image in der CSS definieren. Dafür muss ich doch dann im HTML Code quasi so schreiben: [html]<div id="navibereich"> <ul> <li id="navileer"></li> <li id="navistartseite"></li> <li id="navigaestebuch"></li> <li id="navilinks"></li> <li id="navikontakt"></li> <li id="naviimpressum"></li> <li id="navileer2"></li> </ul> </div> [/html]und ich CSS so: (nur ein Besipiel für den ersten Button) [html]#navibereich { background-color: black; margin: 0px; } #navibereich ul { margin-bottom: 0px; } #navibereich li { display: inline; list-style-type: none; margin-right: 0px; margin-left: 0px; } /*=============================== 3.1 Navibuttons ===============================*/ #navibereichleer { background-image: url(bilder/polo6Nv4_02.jpg); margin: 0px; }[/html]aber irgendwie wird kein Bild oder sonst was angezeigt. [/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?