Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Jens_S" data-source="post: 1339695" data-attributes="member: 274177">AW: CSS Menü &quot;border-left und right&quot; übergreifend ändernVielen Dank für eure Antworten.Je nach Browser haut das halt nicht hin.@tbskalt das hat bei mir leider den selben Effekt das ich eine doppellinie habe.&nbsp;Ich habe jetzt aber eine Lösung für mich gefunden die im IE funktioniert(mal sehen welche Versionen) und in meinem Firefox.&nbsp;Und zwar habe ich nämlich meine Abstände so gemacht das die Linien wirklich überlagern und habe jedem einzelnen Menüpunkt ein Z-Index zugewiesen.Es ist jetzt noch nicht alles perfekt geschrieben aber so funktioniert es schonmal.Hier der Code falls es jemanden interessiert oder selber verwenden möchte oder dran weiterbasteln will.[HTML]&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Men&amp;uuml;test&lt;/title&gt;&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;!--body{background-color:silver;}#nav{width:690px;list-style:none;font-family:Arial;font-size:9pt;line-height:18pt;text-align:center;}#nav li{position:relative;z-index:1;display:inline;text-align:center;}#nav li a.punkt{position:relative;display:inline;text-decoration:none;color:white;font-family:Arial;font-size:9pt;line-height:18pt;text-align:center;border-right:1px solid white;border-left:1px solid transparent;margin-left:-4px;padding-left:10px;padding-right:10px;padding-top:10px;}#nav li a:hover.punkt{position:relative;display:inline;text-decoration:none;color:white;font-family:Arial;font-size:9pt;line-height:18pt;text-align:center;border:none;border-right:1px solid #fcaf17;border-left:1px solid #fcaf17;margin-left:-4px;padding-left:10px;padding-right:10px;padding-top:10px;}#nav li a.letzterpunkt{position:relative;display:inline;text-decoration:none;color:white;font-family:Arial;font-size:9pt;line-height:18pt;text-align:center;border-left:1px solid transparent;margin-left:-4px;padding-left:10px;padding-top:10px;padding-right:10px;}#nav li a:hover.letzterpunkt{ position:relative;display:inline;text-decoration:none;color:white;font-family:Arial;font-size:9pt;line-height:18pt;text-align:center;border:none;border-right:1px solid #fcaf17;border-left:1px solid #fcaf17;margin-left:-4px;padding-left:10px;padding-right:10px;padding-top:10px;}--&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;ul id=&quot;nav&quot;&gt;&lt;li&gt;&lt;a class=&quot;punkt&quot; style=&quot;position:relative;z-index:1;width:50px;&quot; href=&quot;#&quot;&gt;Startseite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;punkt&quot; style=&quot;position:relative;z-index:2;width:50px;&quot; href=&quot;#&quot;&gt;Fotogalerie&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;punkt&quot; style=&quot;position:relative;z-index:3;width:50px;&quot; href=&quot;#&quot;&gt;Ver&amp;ouml;ffentlichungen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;punkt&quot; style=&quot;position:relative;z-index:4;width:50px;&quot; href=&quot;#&quot;&gt;Bestellung&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;punkt&quot; style=&quot;position:relative;z-index:5;width:50px;&quot; href=&quot;#&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;punkt&quot; style=&quot;position:relative;z-index:6;width:50px;&quot; href=&quot;#&quot;&gt;Impressum&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a class=&quot;letzterpunkt&quot; style=&quot;position:relative;z-index:7;width:50px;&quot; href=&quot;#&quot;&gt;AGB&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]</blockquote>

[QUOTE="Jens_S, post: 1339695, member: 274177"] [b]AW: CSS Menü "border-left und right" übergreifend ändern[/b] Vielen Dank für eure Antworten. Je nach Browser haut das halt nicht hin. @tbskalt das hat bei mir leider den selben Effekt das ich eine doppellinie habe. Ich habe jetzt aber eine Lösung für mich gefunden die im IE funktioniert(mal sehen welche Versionen) und in meinem Firefox. Und zwar habe ich nämlich meine Abstände so gemacht das die Linien wirklich überlagern und habe jedem einzelnen Menüpunkt ein Z-Index zugewiesen. Es ist jetzt noch nicht alles perfekt geschrieben aber so funktioniert es schonmal. Hier der Code falls es jemanden interessiert oder selber verwenden möchte oder dran weiterbasteln will. [HTML] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Menütest</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css">  </style> </head> <body> <ul id="nav"> <li> <a class="punkt" style="position:relative;z-index:1;width:50px;" href="#">Startseite</a> </li> <li> <a class="punkt" style="position:relative;z-index:2;width:50px;" href="#">Fotogalerie</a> </li> <li> <a class="punkt" style="position:relative;z-index:3;width:50px;" href="#">Veröffentlichungen</a> </li> <li> <a class="punkt" style="position:relative;z-index:4;width:50px;" href="#">Bestellung</a> </li> <li> <a class="punkt" style="position:relative;z-index:5;width:50px;" href="#">Kontakt</a> </li> <li> <a class="punkt" style="position:relative;z-index:6;width:50px;" href="#">Impressum</a> </li> <li> <a class="letzterpunkt" style="position:relative;z-index:7;width:50px;" href="#">AGB</a> </li> </ul> </body> </html> [/HTML] [/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?