11. april 2008 - 16:32
Der er
6 kommentarer og 1 løsning
Justering af tekst i div
Jeg har lavet sådan en div som fungerer som et link,men lige meget hvad jeg gør af forskellige ting, så kan jeg bare ikke få teksten til at være i bunden og jeg skulle helst have den 5-10px fra bunden..nogen der kan hjælpe???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> #header { position: relative; text-align: center; margin: 0px 0px 0px 0px; background-color: #000; width:300px; height:100px; } #header a { background-color: #000; display:block; width:100%; height:100%; text-decoration:none; } #header a:active { background-color: #FFF; display:block; width:100%; height:100%; text-decoration:none; } #header a:hover { text-decoration:none; background-color: #FFF; } #headerb { position: relative; line-height: 10px; } </style> </HEAD> <BODY> <div id="header"> <span id="headerb"><a href="#">aaa</a></span> </div> </BODY> </HTML>
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
11. april 2008 - 18:41
#1
Prøv at indsætte: padding: 80 0 0 0px; i #header
11. april 2008 - 18:48
#2
hvis jeg tilføjer det, så ændre div´en sig også, i stedet for at det kun er teksten
11. april 2008 - 21:47
#3
Hvorfor ikke bare smide a tag uden om span? Det må man hvis godt. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta name="Generator" content="Stone's WebWriter 4"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> #header { position: relative; text-align: center; margin: 0; background-color: #000; width:300px; height:100px; } #header a { background-color: #000; display:block; width:100%; height:100%; top:0; } #header a:active { background-color: #FFF; display:block; width:100%; text-decoration:none; } #header a:hover { background-color: #FFF; } #headerb { top:80px; position: relative; line-height: 10px; } </style> </HEAD> <BODY> <div id="header"><a href="#"> <span id="headerb">aaa</span></a> </div> </BODY> </HTML>
11. april 2008 - 21:48
#4
har kun checket det i FF
12. april 2008 - 11:32
#5
-- du må i hvert fald ikke have et block-element i en span ...
13. april 2008 - 13:38
#6
stig69 smid et svar, fik det til at virke
13. april 2008 - 13:42
#7
Du har allerede givet stig69 point.
Vi tilbyder markedets bedste kurser inden for webudvikling