✔ Textformatierung in CSS- Listen-Navigation

[knutkowalski]

Hallo,

mein Problem ist folgendes:
Ich habe eine Navigation in CSS mit Listen gebaut. Läuft auch prima, nur eins will gar nicht klappen: Der Text der Links hängt immer oben am Button, ich bekomme ihn nicht vertikal-mittig. Horizontal-mittig ist kein Problem. "vertical-align" funktioniert nicht und "padding" erscheint immer außerhalb des Link-Buttons (IE-Problem?).

Hier ist der Code:

ul { list-style-type : none; 
      margin : 0;
      padding: 0px; 
   }
   
li {  font-weight: bold; 
   } 
	 
li a { background-image : url(images/button-blau.gif); 
       display: block;
       color: #fff;
       width: 200px;
       height: 30px;
       text-decoration: none;  
       border: 1px solid #fff;  
     }	
	   
li a:hover { background-image :    url(images/button-blau-hell.gif); 
                display: block;
                color: #0f228b;
                width: 200px;
                height: 30px;
	text-decoration: none; 
	border: 1px solid #fff;  
              }  	
		 
 li a:active { background-image : url(images/button-blau-hell.gif); 
   	 display: block;
   	 color: #0f228b;
	 width: 200px;
	 height: 30px;
	 text-decoration: none;  
	 border: 1px solid #fff;  
	}

Hier ist die Liste:

<ul>
  <li> <a href="#">Thema eins</a></li>	
  <li> <a href="#"> Thema zwei</a></li>	
  <li> <a href="#">Thema drei</a></li>
  <li> <a href="#">Thema vier</a></li>
  <li> <a href="#">Thema fünf</a></li>
  <li> <a href="#">Thema sechs</a></li>
  <li> <a href="#">Thema sieben</a></li>
</ul>

hiilfe..

 

[Maik]

Verwende anstelle von height die CSS-Eigenschaft line-height.

 

[knutkowalski]

Ich danke ganz herzlich!! Das wars schon!