Du kan evt prøve at gøre det som bruges her:
http://www.codingforums.com/archive/index.php/t-9922.html
<input type="button" style="background-image: ('baggrund.png');" value="Klik mig" />
Denne metode kræver at man bruger javascripts, det vil jeg helst undlade.
Jeg ved ingenting om javascript.
Der er intet javascript i det. Det er (inline) css
Men det virker ikke :p.
Well. Du kan løse problemet med den følgende style (ingen JavaScript):
.button {
background-image:url(mitbillede.png)
height: XXpx;
width: XXpx;
padding: XXpx XXpx XXpx XXpx;
}
Button.png skal du selvfølgelig ændre til stien til dit billede. Height og width skal have samme værdi som højden og bredden på dit billede. Derefter skal du justere padding så teksten kommer til at stå rigtigt. Dette kunne f.eks. se sådan ud:
.button {
background-image:url(button.png)
height: 20px;
width: 60px;
padding: 6px 6px 6px 6px;
}
Og når du så skal lave knappen så gør du selvfølgelig bare sådan:
<div class="button">Gratis æbler"</div>
Og til om du skal lære JavaScript. Det afhænger meget af hvilke type hjemmesider, du gerne vil lave. Normale standart hjemmesider kan SAGTENS laves uden JavaScript. Men hvis du gerne vil lave dynamiske er der ingen vej udenom JavaScript.
Indlæg senest redigeret d. 08.06.2009 22:07 af Bruger #10113