Auf Thema antworten 2026

Beitrag

<blockquote data-quote="tomtom" data-source="post: 1318906" data-attributes="member: 9683">AW: Fehler bei Validation durch W3Cden trennstrich habe ich in die liste gepackt, nur das mit dem margin-right von 10px wollte nicht klappen. habe auch den hinweis von &quot;sokie&quot; mir zu herzen genommen und alles in meiner css umgestellt und mittels raute (#) als &quot;id&quot; definiert.ich musste meinen links in der css (#menu_oben a:link, #menu_oben a:visited, #menu_oben a:active) ein padding 10px geben, damit es so aus sieht, wie ich es gerne hätte. war das richtig? laut meiner html in der vorschau, sind aber die links zwischen den trennungstrichen nicht mittig, die ich aber gerade mittig hätte. ich habe auch in der css die &lt;ul&gt; und die &lt;li&gt; getrennt, war das in ordnung?, oder können die beiden elemente zusammen definiert werden. im anschluss poste ich den vorläufigen code für html und css, vielleicht gibt es optimierungsmöglichkeiten, ganz sicher. ich möchte den code klein halten.ich möchte nur eine trennung mittels &quot;strich&quot; die links in der &quot;#navigation_oben&quot;, die im &quot;#headerContainer&quot; platziert ist. kann ich im css-code noch was optimieren, d.h. entfernen, was ich nicht benötige?[html]&lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;headerContainer&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;navigation_oben&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;menu_oben&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;HOME&lt;/a&gt;|&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;STUDIO&lt;/a&gt;|&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LEISTUNGEN&lt;/a&gt;|&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;GÄSTEBUCH&lt;/a&gt;|&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;KONTAKT&lt;/a&gt;|&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;ZURÜCK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;footerContainer&quot;&gt;&nbsp; &nbsp; &lt;p id=&quot;address&quot;&gt;KO • ER • 36 BA • FON 03&nbsp; &nbsp; &lt;/p&gt;&nbsp; &nbsp; &lt;ul id=&quot;navigation_unten&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;ANFAHRT&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;IMPRESSUM&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/body&gt;[/html][code]#headerContainer {&nbsp; &nbsp; height:130px;&nbsp; &nbsp; width:900px;danke &nbsp; &nbsp; padding:5px 0px 5px 0px;}#navigation_oben {&nbsp; &nbsp; height:130px;&nbsp; &nbsp; width:650px;&nbsp; &nbsp; background-image:;&nbsp; &nbsp; background:#333333;&nbsp; &nbsp; float:left;&nbsp; &nbsp; margin-left:5px;}#logo {&nbsp; &nbsp; height:130px;&nbsp; &nbsp; width:235px;&nbsp; &nbsp; background-color:#666666;&nbsp; &nbsp; float:right;&nbsp; &nbsp; margin-right:5px;}#menu_oben {&nbsp; &nbsp; padding-top:25px;&nbsp; &nbsp; padding-left:25px;}#menu_oben ul {&nbsp; &nbsp; padding:10px;&nbsp; &nbsp; display:inline;&nbsp; &nbsp; font-family:Geneva, Arial, Helvetica, sans-serif;}#menu_oben li {&nbsp; &nbsp; display:inline;&nbsp; &nbsp; font-size:13px;&nbsp; &nbsp; font-family:Geneva, Arial, Helvetica, sans-serif;&nbsp; &nbsp; color:#ff6633;}#menu_oben a:link, #menu_oben a:visited, #menu_oben a:active {&nbsp; &nbsp; background-color:transparent;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; padding:10px;&nbsp; &nbsp; color:#ffffff;&nbsp; &nbsp; font-size:11px;}#menu_oben a:hover {&nbsp; &nbsp; color:#ff6633;&nbsp; &nbsp; text-decoration:none;}[/code]wo liegt mein fehler?, wer nicht fragt bleibt dumm. danke für eure hilfe.</blockquote>

[QUOTE="tomtom, post: 1318906, member: 9683"] [b]AW: Fehler bei Validation durch W3C[/b] den trennstrich habe ich in die liste gepackt, nur das mit dem margin-right von 10px wollte nicht klappen. habe auch den hinweis von "sokie" mir zu herzen genommen und alles in meiner css umgestellt und mittels raute (#) als "id" definiert. ich musste meinen links in der css (#menu_oben a:link, #menu_oben a:visited, #menu_oben a:active) ein padding 10px geben, damit es so aus sieht, wie ich es gerne hätte. war das richtig? laut meiner html in der vorschau, sind aber die links zwischen den trennungstrichen nicht mittig, die ich aber gerade mittig hätte. ich habe auch in der css die <ul> und die <li> getrennt, war das in ordnung?, oder können die beiden elemente zusammen definiert werden. im anschluss poste ich den vorläufigen code für html und css, vielleicht gibt es optimierungsmöglichkeiten, ganz sicher. ich möchte den code klein halten. ich möchte nur eine trennung mittels "strich" die links in der "#navigation_oben", die im "#headerContainer" platziert ist. kann ich im css-code noch was optimieren, d.h. entfernen, was ich nicht benötige? [html] <body> <div id="content"> <div id="headerContainer"> <div id="navigation_oben"> <div id="menu_oben"> <ul> <li><a href="#">HOME</a>|</li> <li><a href="#">STUDIO</a>|</li> <li><a href="#">LEISTUNGEN</a>|</li> <li><a href="#">GÄSTEBUCH</a>|</li> <li><a href="#">KONTAKT</a>|</li> <li><a href="#">ZURÜCK</a></li> </ul> </div> </div> <div id="logo"> </div> </div> </div> <div id="footerContainer"> KO • ER • 36 BA • FON 03 <ul id="navigation_unten"> <li><a href="#">ANFAHRT</a></li> <li><a href="#">IMPRESSUM</a></li> </ul> </div> </body> [/html] [code] #headerContainer { height:130px; width:900px;danke padding:5px 0px 5px 0px; } #navigation_oben { height:130px; width:650px; background-image:; background:#333333; float:left; margin-left:5px; } #logo { height:130px; width:235px; background-color:#666666; float:right; margin-right:5px; } #menu_oben { padding-top:25px; padding-left:25px; } #menu_oben ul { padding:10px; display:inline; font-family:Geneva, Arial, Helvetica, sans-serif; } #menu_oben li { display:inline; font-size:13px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#ff6633; } #menu_oben a:link, #menu_oben a:visited, #menu_oben a:active { background-color:transparent; text-decoration:none; padding:10px; color:#ffffff; font-size:11px; } #menu_oben a:hover { color:#ff6633; text-decoration:none; } [/code] wo liegt mein fehler?, wer nicht fragt bleibt dumm. danke für eure hilfe. [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?