Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Tease" data-source="post: 1439654" data-attributes="member: 179934">Hallo zusammen,bin gerade dabei eine Navigation für &#039;ne neue Site anzulegen und stehe vor &#039;nem Problem, dass wahrscheinlich leicht zu lösen ist, ich aber selber nicht drauf komme. Und zwar möchte ich, dass meine Navi-Elemente (li) den gleichen Abstand nach links und rechts hat, und außerdem die gesamte Navigation (ul) die Hintergrund-Grafik ausfüllt..... Hmm, das hört sich jetzt komplizierter an, als es ist. Hier mal ein Screenshot, der&#039;s hoffentlich besser erklärt, als ich.So sieht meine Navi momentan im Browser aus:&nbsp;&nbsp; Uploaded with Aussehen soll es aber natürlich eher so: Uploaded with Sollte doch eigentlich nicht so schwer sein, dennoch hab ich keinen Plan wie man die gesamte Liste mittig macht. Auszug aus meiner HTML-Seite:&nbsp;[HTML]&lt;div id=&quot;menu&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;bio.html&quot;&gt;Biografie&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;musik.html&quot;&gt;Musik&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;medien.html&quot;&gt;Medien&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;projekte.html&quot;&gt; Projekte&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;termine.php&quot;&gt;Termine&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;kontakt.html&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;!-- end of menu --&gt;[/HTML]der entsprechende CSS-Code:[CODE]#menu {&nbsp; &nbsp; background-image: url(bilder/menu.jpg);&nbsp; &nbsp; height: 52px;&nbsp; &nbsp; width: 616px;&nbsp; &nbsp; margin-top: 5px;&nbsp; &nbsp; margin-left: 16px;}#menu ul {&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; padding-top: 17px;&nbsp; &nbsp; margin-left: 2px;}#menu ul li {&nbsp; &nbsp; float: left;}#menu ul a&nbsp; {&nbsp; &nbsp; padding-right: 22px;&nbsp; &nbsp; padding-left: 22px;&nbsp; &nbsp; display:block;&nbsp; &nbsp; line-height: 20px;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; color: #C6C1B8;&nbsp; &nbsp; font-weight: 100;}[/CODE]Wäre nett, wenn mir hier jemand weiterhelfen könnte. Vielen Dank schon mal im Voraus!</blockquote>

[QUOTE="Tease, post: 1439654, member: 179934"] Hallo zusammen, bin gerade dabei eine Navigation für 'ne neue Site anzulegen und stehe vor 'nem Problem, dass wahrscheinlich leicht zu lösen ist, ich aber selber nicht drauf komme. Und zwar möchte ich, dass meine Navi-Elemente (li) den gleichen Abstand nach links und rechts hat, und außerdem die gesamte Navigation (ul) die Hintergrund-Grafik ausfüllt..... Hmm, das hört sich jetzt komplizierter an, als es ist. Hier mal ein Screenshot, der's hoffentlich besser erklärt, als ich. So sieht meine Navi momentan im Browser aus: Uploaded with Aussehen soll es aber natürlich eher so: Uploaded with Sollte doch eigentlich nicht so schwer sein, dennoch hab ich keinen Plan wie man die gesamte Liste mittig macht. Auszug aus meiner HTML-Seite: [HTML]<div id="menu"> <ul> <li><a href="bio.html">Biografie</a></li> <li><a href="musik.html">Musik</a></li> <li><a href="medien.html">Medien</a></li> <li><a href="projekte.html"> Projekte</a></li> <li><a href="termine.php">Termine</a></li> <li><a href="kontakt.html">Kontakt</a></li> </ul> </div>[/HTML] der entsprechende CSS-Code: [CODE]#menu { background-image: url(bilder/menu.jpg); height: 52px; width: 616px; margin-top: 5px; margin-left: 16px; } #menu ul { list-style-type: none; padding-top: 17px; margin-left: 2px; } #menu ul li { float: left; } #menu ul a { padding-right: 22px; padding-left: 22px; display:block; line-height: 20px; text-decoration:none; color: #C6C1B8; font-weight: 100; }[/CODE] Wäre nett, wenn mir hier jemand weiterhelfen könnte. Vielen Dank schon mal im Voraus! [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?