Auf Thema antworten 2026

Beitrag

<blockquote data-quote="hub" data-source="post: 2083244">AW: css menuMoin moin,ich habe mal ein paar Passagen in deiner Css geändert, mit kurzen Anmerkungen versehen und in den gängigen Browsern getestet.Hier der geänderte Code aus dem Abschnitt Menü (.../style.css):[HTML]#navigation{ ... }.menu { /* die relative position auf deiner seite */&nbsp;padding:0; &nbsp;margin:0; &nbsp;height:54px; /* 1px kleiner als der inhalt */&nbsp;position: relative;&nbsp;z-index: 2; /* 1 ebene über darunterliegendem container &quot;navigation&quot; */}#menu { /* die absolute position in .menu */&nbsp;padding:0p; &nbsp;margin:0;&nbsp;position: absolute; /* ab hier absolute positionierung */&nbsp;top: 0;&nbsp;right: 20px; /* position menü rechte seite*/}#menu ul { /* ab hier &quot;normal&quot;, dein eigentliches menü &quot;*/&nbsp;margin:0;&nbsp;padding:0;&nbsp;list-style-type:none;&nbsp;font-size:13px;&nbsp;float: right;}#menu li {&nbsp;display:block;&nbsp;margin:0;&nbsp;padding:0;&nbsp;float: left;}&nbsp;#menu li a {&nbsp;display:block;&nbsp;color:#999999;&nbsp;text-decoration:none;&nbsp;font-weight:bold;&nbsp;padding:8px 10px 0 10px;&nbsp;height: 46px; /* height + padding-top + border-bottom = 55; */}&nbsp;#menu li a:hover { &nbsp;color:#E34F4D;&nbsp;border-bottom: 1px solid #E34F4D;}&nbsp;#menu li.active a {&nbsp;color:#E34F4D;&nbsp;border-bottom: 1px solid #E34F4D; }&nbsp;/*============================================== Spezial ==============================================*/[/HTML]&nbsp;Ich habe nur die notwendigsten Sachen für das Menü geändert, die restlichen Positionen in deiner Css solltest du auch nochmal durchgehen, wenn das mehr wird, kann es sonst zu unerwarteten Fehlern in der Anzeige kommen.&nbsp;Gruß Ulli</blockquote>

[QUOTE="hub, post: 2083244"] [b]AW: css menu[/b] Moin moin, ich habe mal ein paar Passagen in deiner Css geändert, mit kurzen Anmerkungen versehen und in den gängigen Browsern getestet. Hier der geänderte Code aus dem Abschnitt Menü (.../style.css): [HTML]#navigation{ ... } .menu { /* die relative position auf deiner seite */ padding:0; margin:0; height:54px; /* 1px kleiner als der inhalt */ position: relative; z-index: 2; /* 1 ebene über darunterliegendem container "navigation" */ } #menu { /* die absolute position in .menu */ padding:0p; margin:0; position: absolute; /* ab hier absolute positionierung */ top: 0; right: 20px; /* position menü rechte seite*/ } #menu ul { /* ab hier "normal", dein eigentliches menü "*/ margin:0; padding:0; list-style-type:none; font-size:13px; float: right; } #menu li { display:block; margin:0; padding:0; float: left; } #menu li a { display:block; color:#999999; text-decoration:none; font-weight:bold; padding:8px 10px 0 10px; height: 46px; /* height + padding-top + border-bottom = 55; */ } #menu li a:hover { color:#E34F4D; border-bottom: 1px solid #E34F4D; } #menu li.active a { color:#E34F4D; border-bottom: 1px solid #E34F4D; } /*============================================== Spezial ==============================================*/[/HTML] Ich habe nur die notwendigsten Sachen für das Menü geändert, die restlichen Positionen in deiner Css solltest du auch nochmal durchgehen, wenn das mehr wird, kann es sonst zu unerwarteten Fehlern in der Anzeige kommen. Gruß Ulli [/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?