Hallo, es handelt sich um eine horizontale Navigationsleiste mit 4 Links. Der HTML-Code
ist folgender:
HTML
<div id="dnav">
<ul>
<li><a>href="#.php">Start</a></li>
<li><a>href="#.php">Auswertung: 1</a></li>
<li><a>href="#.php">Auswertung: 2</a></li>
<li><a>href="#.php">Auswertung: 3</a></li>
</ul>
</div>Das zugehörige CSS-File:
Code
#dnav {
background-color: #FAFAFA; /* FAFAFA Hintergrundfarbe der Navigationsleiste */
width: 900px; /* Breite des Bereichs */
height: 40px;
}
#dnav ul {
list-style: none; /* keine Aufzählungspunkte */
float:left;
width: 900px; /*Breite der Navileiste festlegen*/
padding: 0px;
margin: 0px;
display: block;
}
#dnav li {
float:left; /* Anordnung links */
width:140px; /* Breite der Links festlegen */
height: 45px;
border-right: 1px solid #dfdfdf; /* trennt die Links voneinanander jeweils rechts */
display: block;
#dnav a{
text-decoration: none; /* Anzeigeart des Textes z.B. bei line-through wird Text durchgestrichen angezeigt */
display: block;
color: #919191; /* Schriftfarbe des Textes der Navi-Elemente*/
font-size: 12pt;
font-family: Courier;
font-style: normal; /* Schrift normal */
text-align:center;
/*
padding-top:center;
padding-bottom:center;
/*
margin-left:auto;
margin-top:auto;
margin-right:auto;
margin-bottom:auto;
/*
padding-left:auto;
padding-top:auto;
padding-right:auto;
padding-bottom:auto;
*/
Die Breite der Boxen ist unter "#dnav li" festgelegt mit 140px. Dadurch werden die Links
"Auswertung: 1 -3" zweizeilig dargestellt, was auch so sein soll. Nun kann ich aber nicht mit
padding (left, right, top, bottom) den Text ausrichten, da ja der Link "Start" nur einzeilig ist.
Ich suche also eine Methode mit der Text in der Box automatisch mittig ausgerichtet wird.
Unter "#dnav a" habe ich mittels
Code
text-align:center;den text zumindest von
Links nach rechts mittig hinbekommen. Aber wie bekomme ich ihn auch mittig von oben nach unten.
Ich habe auch schon probiert:
Code
padding-top:auto;padding-bottom:auto;Brachte alles
nichts...