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>
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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 !-)
09. oktober 2008 - 11:09
#2
Hm, jeg prøvede, men det virkede desværre ikke. Ellers et godt forslag.
09. oktober 2008 - 16:45
#3
<ole> Jo, det virker da fint =) Prøv at lægge et link til dokumentet /mvh </bole>
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
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
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)
11. december 2008 - 10:37
#7
mcardle - læg lige et svar :o)
11. december 2008 - 17:04
#8
Svar :o)
Vi tilbyder markedets bedste kurser inden for webudvikling