nicht angemeldet
Hi Poldi,
Ich will einen Button (als Grafik, also einfach ein bläuliches Rechteck mit etwas abgerundeten Kanten und ein
wenig Schatten) mit einem Text überlagern, damit das aussieht, als wäre der ganze Button samt Text eine Grafik und
ausserdem hat das den Vorteil, daß man nicht jedesmal einen neuen Button zeichnen muß, wenn ein Menüpunkt dazukommt.
wie wäre es damit:
<div id="m1">
<a href="#"><img src="images/button.gif" width="126" height="22" border="0" alt=""></a>
</div>
<div id="l1">
<center>
<font face="arial" size="1" color=#000000><b><a href="test.html" style="text-decoration:none"> Links </a></b></font>
</div>
Wenn beide Layer exakt gleichgroß sind funktioniert das einigermaßen. Du kannst statt der Leerzeichen natürlich auch eine transparente Grafik entsprechende Größe links und rechts des Textes positionieren.
Aber Achtung: Perfekt wird es so oder so nie, das IE und NN Schriften unterschiedlich groß ausgeben.
Vielleicht gelingt es Dir noch, es zu perfektionieren.
ABER: IMHO ist es einfacher, die Buttons m i t Text zu erstellen. Das ist vom Zeitaufwand nicht unflexibler (man hat einen Masterfile, mit einer Ebene für die Farbe und vielen Ebenen für den jeweiligen Text).
Grüße,
Martin