Avatar billede dehaas Nybegynder
01. januar 2007 - 19:15 Der er 4 kommentarer og
1 løsning

Firkantet 'klik-boks'

Hej,

Jeg er først og fremmest ikke den vilde css-haj. Jeg sidder med et problem jeg ikke kan komme med en god løsning på:

Jeg har bruge et firkantet fejl, hvor jeg kan:
- Sætte et baggrundsbillede
- Skrive en tekst
- Fungere som link (altså, nå man klikker skal man sendes videre til en nye side)

Nogen gode ideer til hvordan dette kan løses smartest?
Avatar billede windcape Praktikant
01. januar 2007 - 19:17 #1
du kan bare bruge en normal anchor: <a>

<a class="box" href="http://google.com">Google</a>

og så i din CSS:

a.box {
    display: table;
    background-image: url(google-bg.png);
    height: 50px;
    width: 100px;
}
Avatar billede dehaas Nybegynder
01. januar 2007 - 19:22 #2
Tak for det hurtige svar.

Nu jeg for at teste skrevet således:

<a style="display:table; background-image:url(Resources/MENU.jpg); background-repeat:repeat-x; height:31px; width:206px;" href="http://www.test.dk">Test</a>

Problemet er nu at jeg kun ser baggrunden på teksten, selve feltet bliver altså ikke 31x206px
Avatar billede windcape Praktikant
01. januar 2007 - 19:58 #3
ups,

display: block; var det du skulle skrive :-)
Avatar billede dehaas Nybegynder
01. januar 2007 - 21:17 #4
Jamen det var da herligt, så virker det. Smid et svar :)
Avatar billede windcape Praktikant
03. januar 2007 - 16:01 #5
mooo \o/
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester