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 fra Conscia
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