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:

HTML-Code:

<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:

Code css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

.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; }

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

*hust*
Danke