A button alapokra hogyan lehet tetszőleges szöveget írni?

Ha jól értelmezem akkor van nyomógombod ami kép és nincs rajta szöveg ez igy pont jó mert nem kell minden menüponthoz más képet késziteni amin más a szöveg, és ha esetleg változik a menüszöveg akkor ne elljen új képet csinálni.

A lényeg, hogy CSS-ben a menühivatkozások hátterének megadod ez a képet.

a weboldal / menüben valahogy így:

<div id="menu">

<a href="index.html" >Főoldal</a>

<a href="masikoldal.html" >Másikoldal </a>

<a href="ujoldal.html" >Újoldal</a>

</div>

a css fájlban pedig valahogy így:

#menu a{

text-align:left;

display:block;

width:145px;

height:30px;

margin-left:6px;

background-image:url(img/menu.gif);

background-repeat:no-repeat;

padding-left:30px;

line-height:28px;

font-size:10pt;

font-family: arial;

text-decoration: none;

color: #C00C0C;

font-weight: bold;

}

#menu a:hover{

text-decoration: underline;

background-image:url(img/button_hover.gif);

}

értelmezés:

Az egész menü egy Div elemben van aminek az azonositója menu ezért css ben

#menu a{ } tulajdonságai csak erre a divre lesznek érvényesek. A weboldalon használt hivatkozásoknak majd más stilust adsz (azoknak ne legyen ez a gomb a hátterük).

#menu a:hover{ } ben megadhatsz egy másik képet, hogy ha föléhuzzák az egeret akkor változik mintegy kiemeli a menüt (ha van két gombod. Ha nincs agy nem akarod akkor ezt ne ird bele.

A paramétereket pedig neked kell átírnod, milyen szinü legyen, milyen betütipus, milyen széles, milyen magas, stb....