zyclop
Erfahrenes Mitglied
Hallo zusammen
Folgendes Problem habe ich und hoffe dass ich hier nur einen Überlegungsfehler mache.
Ich habe ein Menu welches durch CSS einen Mouse Over Effekt erhält. Das klappt auch alles gut. Nun habe ich aber das Problem, dass wenn ich das nachbar Element Mouse Over stelle ich dann einen Abstand von ca. 3px habe. Ich habe jetzt mehrere Sachen versucht mit padding und margin an verschiedenen Stellen. Im Anhang ein Bildbeschreibung. Hier der Code:
Hat jemand eine Idee woher dieser Abstand kommt? Allgemeine Verbesserungsvorschläge sind natürlich willkommen.
gruss zyclop
Folgendes Problem habe ich und hoffe dass ich hier nur einen Überlegungsfehler mache.
Ich habe ein Menu welches durch CSS einen Mouse Over Effekt erhält. Das klappt auch alles gut. Nun habe ich aber das Problem, dass wenn ich das nachbar Element Mouse Over stelle ich dann einen Abstand von ca. 3px habe. Ich habe jetzt mehrere Sachen versucht mit padding und margin an verschiedenen Stellen. Im Anhang ein Bildbeschreibung. Hier der Code:
HTML:
#menu {
color: #ccc;
font-family: Arial, Verdana, Sans-Serif;
font-weight: bold;
font-size: 12px;
padding: 3px 3px 3px 192px;
margin-bottom: 20px;
text-align: left;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background:url(images/menu_oben.gif) repeat-x;
}
#menu h2 {
margin: 0px;
padding: 3px 3px 3px 3px;
}
#menu li {
display: inline;
list-style-type: none;
}
#menu ul {
margin: 0px;
padding: 0px;
}
#menu ul li a {
color: #522c65;
padding: 3px 3px 3px 3px;
margin: 0px;
text-decoration: none;
padding-right: 8px;
padding-left: 8px;
}
#menu ul li a:hover {
text-decoration: underline;
background: url(images/menu_oben_aktiv.gif) repeat-x;
padding-right: 8px;
padding-left: 8px;
color: #ffffff;
}
#menu .current_page_item a{
text-decoration: underline;
background: url(images/menu_oben_aktiv.gif) repeat-x;
padding-right: 8px;
padding-left: 8px;
color: #ffffff;
}
Hat jemand eine Idee woher dieser Abstand kommt? Allgemeine Verbesserungsvorschläge sind natürlich willkommen.
gruss zyclop