title image


Smiley Wieso funktioniert vertical-align hier nicht?
In diesem Beispiel hätte ich eigentlich gern, dass die Namen der Einträge mittig angezeigt werden - leider funktioniert vertical-align hier nicht richtig.



Kann mir jemand sagen, woran das liegt?



Danke schonmal



Hawk





<html>

<head>

<title>Test</title>

<style type="text/css">

ul#menu1 {

background-color : beige;

border : solid 1px;

width : auto;

margin-right : 1em;

padding : 0.8em;

float : left;

}

ul#menu1 li {

list-style : none;

margin : 0.2em;

padding : 0em;

font-weight : bold;

background-color : white;

}

ul#menu1 a{

display : block;

color : white;

text-decoration : none;

text-align : center;

vertical-align : center;

width : 100px;

height : 35px;

background-image : url(http://www.geocities.com/SiliconValley/Park/7531/nb7.jpg);

}

ul#menu1 a:hover {

color : navy;

background-image : url(http://www.geocities.com/SiliconValley/Park/7531/nb8.jpg);

}

</style>

</head>

<body>

<ul id=menu1>

<li>Hauptmenü</li>

<li><a href="#">Eintrag 1</a></li>

<li><a href="#">Eintrag 2</a></li>

<li><a href="#">Eintrag 3</a></li>

<li><a href="#">Eintrag 4</a></li>

<li><a href="#">Eintrag 5</a></li>

</ul>

</body>

</html>



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: