Avatar billede futte850 Nybegynder
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>
Avatar billede Keld Nielsen Professor
11. april 2008 - 18:41 #1
Prøv at indsætte:
    padding: 80 0 0 0px;
i #header
Avatar billede futte850 Nybegynder
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
Avatar billede stig69 Nybegynder
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>
Avatar billede stig69 Nybegynder
11. april 2008 - 21:48 #4
har kun checket det i FF
Avatar billede roenving Novice
12. april 2008 - 11:32 #5
-- du må i hvert fald ikke have et block-element i en span ...
Avatar billede futte850 Nybegynder
13. april 2008 - 13:38 #6
stig69 smid et svar, fik det til at virke
Avatar billede w13 Novice
13. april 2008 - 13:42 #7
Du har allerede givet stig69 point.
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