Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Sonjiru" data-source="post: 1975499" data-attributes="member: 345966">Hi,ich verzweifle derzeit an einer Navigation die ich mittels Photoshop erstellt habe und nun mittels css einbinden. Das ganze soll so aussehen : Uploaded with Derzeit habe ich allerdings nur den schwarzen Hintergrund (kein Problem) und eben die einzelnen Menüpunkte. Jedoch krieg ich einfach nicht diese Unterteilungslinien rein. Wie geht das?Hier mal die jeweils nötigen Zeilen für das problem :CSS :[CODE] &nbsp; &nbsp; #navigation {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image: url(../grafiken/navi1.png);&nbsp; &nbsp; &nbsp; border: 4px solid #ffffff;&nbsp; &nbsp; &nbsp; height: 31px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #navigation ul&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; &nbsp; &nbsp; margin: 0;&nbsp; &nbsp; &nbsp; &nbsp; padding: 0;&nbsp; &nbsp; }&nbsp; &nbsp; #navigation li&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; display: inline;&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; a.navilink&nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; font-size: 16px;&nbsp; &nbsp; &nbsp; &nbsp; color: #ffffff;&nbsp; &nbsp; &nbsp; &nbsp; margin-left: 0;&nbsp; &nbsp; &nbsp; &nbsp; padding: 5px 15px 7px 15px;&nbsp; &nbsp; }&nbsp; &nbsp; a.navilink:hover&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; color: #00FA9A;&nbsp; &nbsp; }[/CODE]HTML :[CODE]&nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;navilink&quot; href=&quot;index.php&quot;&gt;Startseite&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a class=&quot;navilink&quot; href=&quot;produkte.php&quot;&gt;Produkte&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;navilink&quot; href=&quot;kontakt.php&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;navilink&quot; href=&quot;impressum.php&quot;&gt;Impressum&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;[/CODE]Habe schon versucht dem &lt;li&gt; element die Trennlinie als hintergrund bild zu geben, kein Erfolg (dann sind die jeweiligen Menüpunkte mit dieser Grafik belegt).Ich komm einfach nicht dahinter.Hoffe ihr könnt mir helfen <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />Vielen Dank</blockquote>

[QUOTE="Sonjiru, post: 1975499, member: 345966"] Hi, ich verzweifle derzeit an einer Navigation die ich mittels Photoshop erstellt habe und nun mittels css einbinden. Das ganze soll so aussehen : Uploaded with Derzeit habe ich allerdings nur den schwarzen Hintergrund (kein Problem) und eben die einzelnen Menüpunkte. Jedoch krieg ich einfach nicht diese Unterteilungslinien rein. Wie geht das? Hier mal die jeweils nötigen Zeilen für das problem : CSS : [CODE] #navigation { background-image: url(../grafiken/navi1.png); border: 4px solid #ffffff; height: 31px; } #navigation ul { list-style-type: none; margin: 0; padding: 0; } #navigation li { display: inline; } a.navilink { font-size: 16px; color: #ffffff; margin-left: 0; padding: 5px 15px 7px 15px; } a.navilink:hover { color: #00FA9A; }[/CODE] HTML : [CODE] <div id="navigation"> <ul> <li><a class="navilink" href="index.php">Startseite</a></li> <li><a class="navilink" href="produkte.php">Produkte</a></li> <li><a class="navilink" href="kontakt.php">Kontakt</a></li> <li><a class="navilink" href="impressum.php">Impressum</a></li> </ul> </div>[/CODE] Habe schon versucht dem <li> element die Trennlinie als hintergrund bild zu geben, kein Erfolg (dann sind die jeweiligen Menüpunkte mit dieser Grafik belegt). Ich komm einfach nicht dahinter. Hoffe ihr könnt mir helfen :) Vielen Dank [/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?