Hallo Zusammen,

ich habe ein Problem mit dem ausrichten einer Grafik über CSS.
Über das CSS ist ein Topmenü eingerichtet das sieht wie folgt aus:

}

#layout_topmenu ul {
margin: 0;
padding: 0;
}
#layout_topmenu ul li {
display: inline;
margin: 0;
padding: 0;
height: 30px;
list-style-type: none;
float: left;
}
#layout_topmenu li a {
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
line-height: 30px;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #cccccc;
padding: 8px 10px 9px 10px;
background-image: url(images/menuback0.png);
background-repeat: repeat-x;
}
#layout_topmenu li a:hover {
background-image: url(images/menuback1.png);
color: #eaab2f;

Die verschiedenen Menupunkte sollen unterschiedliche Grafikelemente vorangestellt bekommen.
Das geht über eine *.inc Datei mit folgendem Inhalt:

<ul>
<li><a href='index.php'>Home</a></li>
<li><a href='content/dienstleistungen/'>Dienstleistungen</a></li>
<li><a href='index.php?mod=news'>Wissen</a></li>
<a href='content/Lieferantenverzeichnis'/><img src='images/telefon1.png' border='0'/> Lieferantenverzeichnis</a></li>
<li><a target='forum' href='/forum'>Fachforum</a></li>
<li><a href='content/downloads/'>Downloads</a></li>
<li><a target='forum' href='/forum/member.php?action=register'>Registrieren</a></li>
<li><a href='index.php?mod=kontakt'>Service</a></li>
</ul>

Ich habe einfach dem Text Lieferantenverzeichnis die Grafik "Telefon1.png" vorangestellt.
Alles wird im Firefox auch wunderbar dargestellt.
Mein Problem, an dem ich inzwischen verzweifel, ist dass die Grafik im Internetexplorer nicht richtig positioniert ist und alle Ausrichtversuche über Befehle wie align, vspace usw. nicht zum Erfolg führen.
weiss hier jemand Rat?

Das Problem kann man sich über unsere Seite Technikerportal.de/index.php anschauen.

Beste Grüße

Moin,

deine Seite ist nicht valide.
Bring das doch erstmal in Ordnung.

align z.B. gibt es bei XHTML nicht mehr, bzw. ist verboten.

Die beiden Bilden im Menü über den img-Tag einzubinden halte ich auch für suboptimal. Die gehören als HG-Grafik eingebunden.

Wenn schon img dann sollten dieselben vielleicht display:block bekommen.
Schau dir das hier mal dazu an.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Hallo hubspe,

vielen Dank für Deine Antwort. Leider muss ich gestehen, dass ich auf dem Gebiet der html-Programmierung nicht besonders bewandert bin.
Die Einbindung der Bilder habe ich so vorgenommen, da ich nicht
wüsste, wie das Ganze über das CSS funktionieren könnte. Die dortigen Angaben bezüglich der Hintergrundgrafik wirken sich auf alle Felder aus, eine eindeutige Feldzuordnung ist hierüber so nicht möglich.
Dennoch, ich versuche Deine Ausführungen zu verstehen und werde mir weiteres Wissen anlesen.
Vielleicht hast Du noch einen Tip für mich, wie die Programmierung bei der Einbindung einer HG-Grafik aussehen muss.

Beste Grüße!