Avatar billede ripley Nybegynder
09. oktober 2008 - 10:22 Der er 7 kommentarer og
1 løsning

Få <A href> til at gå helt op til TD's kant

Hej!

Jeg har lavet nedenstående eksempel, der illustrerer mit problem:

Den celle der er farvet og som der er mouse-over på, er en <a href>.

Jeg er låst af et CMS-system, så jeg kan kun røre ved typografierne og ikke HTML-koden.

Men hvordan får jeg denne <a href> til at gå henh. helt op/ned til kanten både i top og bund?

<html>
<head>
    <title>Untitled</title>
   
<style>
    A.navigation1:hover {
    font-family: Arial, Verdana, Helvetica, Sans Serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #CE7A33;
    border-left: 4px solid #CE7A33;
    border-right: 4px solid #CE7A33;
}
.navigation1 {
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: blue;
    border-left: 4px solid blue;
    border-right: 4px solid blue;
}

</style>   
   
</head>

<body>

<table bgcolor="red" border="0" width="100%">
<tr>
    <td>test2</td><td height="22px"><a href="" class="navigation1">test</a></td>
</tr>
</table>


</body>
</html>
Avatar billede roenving Novice
09. oktober 2008 - 10:41 #1
Sørg for at td'en ingen padding har og forøg så tekstens padding i top og bund, eller forøg line-height ...

PS. Det er ikke særligt sikkert at bruge papir-længden pt (typografisk punkt) brug i stedet px !-)
Avatar billede ripley Nybegynder
09. oktober 2008 - 11:09 #2
Hm, jeg prøvede, men det virkede desværre ikke.
Ellers et godt forslag.
Avatar billede olebole Juniormester
09. oktober 2008 - 16:45 #3
<ole>

Jo, det virker da fint  =)

Prøv at lægge et link til dokumentet

/mvh
</bole>
Avatar billede mcardle Nybegynder
09. oktober 2008 - 23:50 #4
Nu når du har højden på din celle, så kan du convertere dit <a>-tag til display: block; og sige height: 100%; width: 100%;

Det burde virke.

//mcardle
Avatar billede mcardle Nybegynder
09. oktober 2008 - 23:52 #5
Det er måske også svært, at få tingene til at lykkes helt, uden Doctype og den slags :o)

Der er ingen garanti for det kommer til at se, bare lidt, godt ud i alle browsere.

//mcardle
Avatar billede olebole Juniormester
10. oktober 2008 - 00:37 #6
- aahhh ... jeg så ikke, det også skulle helt ned i bunden  =)

mcardle har givet løsningen - og læg iøvrigt godt mærke til, hvad han skriver om DTD. Uden DocType er det slet ikke et HTML-dokument og alt kan ske  ;o)
Avatar billede ripley Nybegynder
11. december 2008 - 10:37 #7
mcardle - læg lige et svar :o)
Avatar billede mcardle Nybegynder
11. december 2008 - 17:04 #8
Svar :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