Ich habe eine HTML Seite, in die ich ein Menu einbauen möchte. Die Seite ist sehr grafiklastig und enthält 5 Positionen, an denen die 5 Menüpunkte stehen sollen. Im Prinzip sind die Positionen Rechtecke, die einen schwarzen Rand haben und innen drin einen Farbübergang von weiß nach grau. In diese Rechtecke soll ein Text (Seitentitel) kommen. In der Vorlage war der Text ebenfalls ein Image (z.B. m1.gif wie siehe unten). Diese Images enthalten CSS in einem style Attribut, um den Text an die richtige Position zu bekommen.
In der HTML-Vorlage ist das Menu wiefolgt gestaltet:
<div style="margin-left:20px; margin-top:55px ">
<a href="index-1.html"><img alt="" style="margin-left:19px " src="/fileadmin/images/m1.gif" border="0" /></a>
<a href="index-2.html"><img alt="" style="margin-left:19px " src="/fileadmin/images/m2.gif" border="0" /></a>
<a href="index-3.html"><img alt="" style="margin-left:19px " src="/fileadmin/images/m3.gif" border="0" /></a>
<a href="index-4.html"><img alt="" style="margin-left:19px " src="/fileadmin/images/m4.gif" border="0" /></a>
<a href="index-5.html"><img alt="" style="margin-left:19px " src="/fileadmin/images/m5.gif" border="0" /></a>
</div>
Meine Idee ist, ein GMENU zu verwenden, das einfach die Seitennamen an die jeweiligen Positionen rendert. Das Darstellen funktioniert auch soweit, aber die Images stehen einfach direkt nacheinander (ohne Abstand).
Weiß jemand, wie ich die style="margin-left:20px; margin-top:55px " in die Image Tags wrappen kann, so daß ich die Images an die richtige Position bekomme?
Vielen Dank für die Hilfe!