Hallo Freunde,
wahrscheinlich ist es für euch wieder ein mal ein sehr simples Problem, über welches ich mir aber den Kopf zerbreche:
ich habe eine horizontale Navigation mit ul li. Die einzelnen display- block Punkte sind 170px breit und 90px hoch. Nun möchte ich die Links auch vertikal zentrieren.
Hab leider nichts gefunden, nur die Methode in einer Tabelle Text zu zentrieren und die Variante mit align:veith oder so ähnlich, die aber anscheinend nicht klappt.
Bitte helft mit... hier der css und html code :
wahrscheinlich ist es für euch wieder ein mal ein sehr simples Problem, über welches ich mir aber den Kopf zerbreche:
ich habe eine horizontale Navigation mit ul li. Die einzelnen display- block Punkte sind 170px breit und 90px hoch. Nun möchte ich die Links auch vertikal zentrieren.
Hab leider nichts gefunden, nur die Methode in einer Tabelle Text zu zentrieren und die Variante mit align:veith oder so ähnlich, die aber anscheinend nicht klappt.
Bitte helft mit... hier der css und html code :
Code:
#navicontainer li a, #navinavicontainer li p{
display:block; width:170px; height:90px;
text-decoration:none;
font-weight:bold;
background:#002253;
color:#FFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
text-align:center;
}
#navicontainer .active a, #navicontainer li a:hover{
color:#002253;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
text-align:center;
background-image:url(bilder-seite/transparent%2090%25.png);
}
HTML:
<div id="navicontainer">
<ul>
<li class="active"><a href="index.html" title="Zur Startseite">Startseite</a></li>
<li><a href="first_A.html" title="first A">first A</a></li>
<li><a href="second_A.html" title="second A">second A</a></li>
<li><a href="kontakt.html" title="Kontakt">Kontakt</a></li>
</ul>
</div>