Hey!
ich habe eine Navigationsleiste so gebastelt:
Code:
.navigation{
width: 619px;
height: 32px;
background-image: url('menueleiste3.jpg');
line-height: 1.9;
border: 1px solid #000000;
border-left: none;
border-right: none;
border-top: none;
font-weight: bold;
}
.navigation a{
margin: 0px;
padding-top: 10px;
padding-bottom: 4px;
padding-right: 43px;
padding-left: 43px;
text-align: center;
border-right: 3px dotted black;
font-family: Verdana;
font-size: 13px;
}
.navigation a:hover{
margin: 0px;
padding-top: 10px;
padding-bottom: 6px;
padding-right: 43px;
padding-left: 43px;
color: white;
background-image: url("menueleiste5.jpg")
}
Für mich stellen sich zwei Fragen:
1. Wie schafft man es, dass die Sparten gleich groß sind??
2. Bei dem Mouseover-effekt ist es so, dass neben dem "border-right" ein Abstand von ca. 3px entsteht( siehe Anhang). Wie bekomm ich das schöner hin??
Vielen Dank im Voraus!!