✔ Positionierungsproblem

[queicherius]

Hi erstmal...

Ich bin grad dabei meine Navigation ein bisschen umzustellen und stoße dabei auf folgendes Problem:

Ich möchte, dass es so aussieht wie im ersten Bild.
Ich habs mit <li>s probiert und komm auf das Ergebnis wie im 2ten Bild

Quellcode:

<ul class="navigation">
        <li>
          <a href="admin_verarbeitung.php?name=Benutzer"><span style="display: table-row;"><span style="display: table-cell;"><img src="templates/Benutzer/img.gif" height="20px" alt=""></span><span style="display: table-cell;">Benutzer</span></span></a>

        </li>
        <li>
          <a href="admin_verarbeitung.php?name=Counter"><span style="display: table-row;"><span style="display: table-cell;"><img src="templates/Counter/img.gif" height="20px" alt=""></span><span style="display: table-cell;">Counter</span></span></a>
        </li>
        <li>
          <a href="admin_verarbeitung.php?name=Optionen"><span style="display: table-row;"><span style="display: table-cell;"><img src="templates/Optionen/img.gif" height="20px" alt=""></span><span style="display: table-cell;">Optionen</span></span></a>
        </li>

      </ul>

CSS:

.navigation{
z-index:1;
position: absolute;
top: 65px;
left: 30%;
height:30px;
padding-top:12px;
margin:0;
width: 100%;
}

.navigation li {
list-style:none;
font-size:16px;
display:inline;
padding:9px;
padding-top: 5px;
border:1px solid #000;
margin-left: 8px;
}

.navigation a {

text-decoration:none;
color:#FFF;
margin:0;
/*padding:15px;*/
}

.navigation a:hover  {
color:black;
text-decoration:underline;
}

 

[Maik]

Hi,

in Anbetracht der Tatsache, dass die Tabelleneigenschaften der display-Eigenschaft bislang von keiner IE-Version (auch nicht vom aktuellen IE8) unterstützt wird, bist du dir sicher, dies so umzusetzen?

Grafik zum umgebenden Text ausrichten bzw. Grafiken ausrichten mit CSS

mfg Maik

 

[queicherius]

*hust*
Danke^^