Tekst på grafik

Ja det er det :D

Hvis du linker din kode kan jeg kikke på det.

Det er fx. sådan her:
<a href="index.php"><img src="fortryd.png" border="0" alt="Tilbage til hovedsiden" />

fortryd.png er en grafik-knap uden tekst.
Jeg vil gerne kunne smide en hvid tekst oveni, som er centreret på knappen - både lodret og vandret.

Byt "xxx" ud med de tal som virker for dig.

Tak for inputtet, men den er ikke helt i skabet for mig endnu.

Jeg forstår positioneringen sådan, at den tæller fra øverst til venstre. Det betyder, at jeg skal have forskellige værdier i "top" og "left" - alt efter hvilken skrifttype og størrelse, der anvendes.
Jeg vil jo netop gerne, at jeg via style kan ændre skrifttype.
Er det ikke muligt, at positionere midt i grafikfilen og så centrere teksten.
Grafikfilen har altid samme størrelse.

Du kan bare smide text-align:center; i div'en

Give div'en samme brede som grafikken.

Og positionere den oven i grafikken.

En anden måde at gøre det på er at lave en div med billedet som baggrundsbillede? Så skal man godt nok klikke på teksten for at følge linket, men hvis det er for irriterende kan det ordnes med noget Javascript.

<div style="width: Xpx; padding: Ypx; background-image: url("fortryd.png");"><a href="index.php">Tilbage til hovedsiden </a></div>

X = billedets brede
Y = (billedets højde - skriftstørelsen) / 2

Eller, bedre endnu:

<div style="width: Xpx; height: Ypx; text-align: center; background-image: url("fortryd.png");"><a style="vertical-align: middle;" href="index.php">Tilbage til hovedsiden </a></div>

X = billedets brede
Y = billedets højde

Naah, det ser faktisk ud til at vertical-align ikke virker helt som jeg troede. Så er løsningen med padding vist alligevel den bedste.

Kimsey0: Jeg har prøvet begge dine forslag, men på ingen af dem vises min grafik.

Har du lagt det ind i en CSS-fil?
I så fald skal du linke relativt til den. Hvis CSS-filen f.eks. ligger i mappen "css" og billedet i mappen "billeder" kan du linke til den sådan:

background-image: url("../billeder/fortryd.png");

Nej - jeg har bare skrevet koden direkte i html-filen. Og jeg linker normalt sådan her, som virker fint.

<a href="index.php"><img src="booking/grafik/fortryd.png" border="0" alt="Tilbage til hovedsiden" />

Jeg har skrevet sådan her:
<div style="width: 121px; padding: 10px; text-align: center; background-image: url("booking/grafik/fortryd.png");"><a href="index.php">Tilbage</a></div>

Jeg har også prøvet at smide grafikfilen i samme mappe som html-filen, men den vises fortsat ikke.
Og selvfølgelig rettet url til:
url("fortryd.png")

Fejlen fundet. url skal ikke stå med " men med '.

Padding duer vist ikke, da det gør at grafikfilen gentages til højre og under.

Så tror jeg den er der:
Højden på grafikken er 29px.
Jeg løser det med height=25px og padding-top=4px.

Koden ser sådan her ud nu:
<div class='knap'><a href="index.php">Tilbage</a></div>

Mens min style ser sådan her ud:
.knap {
    width: 121px;
    height: 25px;
    padding-top:4px;
    text-align: center;
    color:    #000000;
    font-family:         arial;
    font-size:             13pt;
    font-weight:         bold;
    background-image: url('booking/grafik/fortryd.png');
}
.knap a:link { color: #FFFFFF;text-decoration: none;}
.knap a:visited { color: #FFFFFF;text-decoration: none;}
.knap a:hover { color: #FFFFFF;text-decoration: none;}

Er der en nem løsning med JavaScript, så det er hele knappen, som virker som link.

Jeg har det til at virke uden javascript.

Sender kimsey0 og Zeska er svar for jeres udmærkede input. Så fordeler jeg pointene.

Svar

Heh, seks kommentarer i række. Du løste jo selv problemet, men hvis du insisterer :)

Kimsey0... Hvad sker der for dit link jacobbundgaard.dk

Mit webhotel blev for ca. to dage siden angrebet alle mine sider inficeret med vira. Jeg har renset ud i det hele, men StopBadware, og derved både Google og Mozilla er ikke så hurtige til at regne det ud. Jeg skifter snart Webhotel, og håber ikke at noget lignende sker igen.

Er du sikker på at din side er ren lige nu ?

Ja, men hvorfor bekymrer du dig så meget om det?
Har du akut brug for at komme ind på den?
Desuden er det jo ret off-topic.

Topic er jo klaret.

Man din sider har vira LIGE NU.

Nope, min side har ikke noget skidt på sig lige nu, men den får det sikkert igen indtil jeg får skiftet webhost.

Ellers skal du da være velkommen til at highlight'e det:
http://jacobbundgaard.pastebin.com/m30cde960
Alle rettelser modtages med knus og kage :-P