Button beschriften

farchris · 14 November 2007

Hallo,
meine Homepage hat ein Menü mit Buttons. Dies sind folgendermaßen aus:

Code:

<img border="0" src="img/buttonblank.jpg" width="117" height="24"><br>
<img border="0" src="img/buttonblank.jpg" width="117" height="24"><br>
<img border="0" src="img/buttonblank.jpg" width="117" height="24"><br>
...
...

Nun könnte ich jeden Button einzeln mit z.B. Photoshop beschriften und mit jeweils anderem Dateinamen in den Code einfügen.
Ich würde es aber gerne über die einfache HTML-Lösung machen.

Wie kann ich mit HTML jeden Button einzeln beschriften?

Danke für die Antworten!

BcF · 14 November 2007

Code:

<!-- Das hier in den <head> -->
<style type="text/css">
  #navi a {
    display:block;
    height:24px;
    width:117px;
    background:#FFF URL('img/buttonblank.jpg');
  }
</style>

<!-- Und das hier wo auch immer das Menü steht -->
<div id="navi">
  <a href="index.html" title="Startseite">Startseite</a><br />
  <a href="kontakt.html" title="kontakt">Kontakt</a>
  <!-- Und so weiter -->
</div>

Eleganter wäre das ganze natürlich als Liste, aber so tuts das auch ;)

Button beschriften

farchris

Mitglied

BcF

Neues Mitglied

Neueste Beiträge