Avatar billede dennism Nybegynder
21. juli 2005 - 12:19 Der er 7 kommentarer og
1 løsning

HTML: Link i TD

Jeg har følgende lille eksempel:

<table style="border:1px #000000 solid;" cellspacing=0 cellpadding=0>
    <tr>
        <td style="height:50px; width:100px; text-align:center;"><a href="test.php" style="display:block; width: 100%;">Link</a></td>
    </tr>
</table>

Som I kan se, så laver dette en tabel med en link i. Jeg vil gerne have, at uanset hvor i TD'en man klikker, så kan man trykke på linket. Dette virker indtil videre fint nok fra højre mod ventre, men i top og bund virker det ikke. Hvis jeg sætter height til 100% i style i anker-tag'et, så kommer teksten til at stå i toppen af TD'en..derfor dur det ikke.

Håber der er nogen der kan hjælpe mig?
Avatar billede roenving Novice
21. juli 2005 - 12:23 #1
Prøv at sætte en padding på a-tagget: padding: 18px 0;

-- og width:100%; er iøvrigt overflødigt, da det netop er en af egenskaberne ved et block-level element !-)
Avatar billede dennism Nybegynder
21. juli 2005 - 12:29 #2
Hvad gør 0'et efter de 18px?
Avatar billede dennism Nybegynder
21. juli 2005 - 12:30 #3
Men detr hjalp ;) Smider du lige et svar?
Avatar billede roenving Novice
21. juli 2005 - 12:38 #4
På css-properties, som kan vedrøre boksens 4 sider kan man sætte 1, 2, 3 eller 4 værdier, 1 gælder alle fire sider rundt, 2 gælder hhv. top/bund og venstre/højre, 3 gælder top, venstre/højre og bund, mens 4 gælder top, højre, bund og venstre !-)

-- så 0-et betyder, at der ikke skal være en horisontal padding !o]

Velbekomme '-)
Avatar billede roenving Novice
21. juli 2005 - 12:58 #5
-- og tak for point ;~}
Avatar billede dennism Nybegynder
21. juli 2005 - 13:27 #6
Det er mig der takker :)
Avatar billede olebole Juniormester
21. juli 2005 - 17:15 #7
<ole>

roenving >> "og width:100%; er iøvrigt overflødigt, da det netop er en af egenskaberne ved et block-level element"

- det er ikke korrekt i den største browser ... prøv dette i IE:

<div style="width:200px;border:1px solid red"><a href="#" style="display:block">Test</a></div>

/mvh
</bole>
Avatar billede roenving Novice
21. juli 2005 - 17:25 #8
Nåh, nej, den respekterer jo ikke den slags på den måde ...
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