Avatar billede syswatch Novice
10. december 2004 - 14:31 Der er 11 kommentarer og
1 løsning

Lodret centrering af text i div

Hejsa,
Jeg har en div der er defineret sådan her:

#bar {
height:20px;
background:#0A0D52;
color: #FFFFFF;
font-size: 10px;
border:solid #000000;   
border-width:1px 0 1px 0;
}

Mit problem er bare at teksten står øverst i denne div, hvordan skal det defineres så det bliver centreret på den lodrette led ?
Avatar billede krogstrup Nybegynder
10. december 2004 - 14:34 #1
samme spm er stillet her:
http://www.eksperten.dk/spm/568827

dog uden svar....
Avatar billede Slettet bruger
10. december 2004 - 14:42 #2
Var det sådan du mente ?

#bar {
    height:20px;
    background:#0A0D52;
    color: #FFFFFF;
    font-size: 10px;
    border:solid #000000;
    border-width:1px 0 1px 0;
    text-align : center;
}
Avatar billede roenving Novice
10. december 2004 - 14:45 #3
vertical-align:middle; ?-)
Avatar billede syswatch Novice
10. december 2004 - 14:45 #4
Det virker ihvertfald ikke, og det skal centreres på den lodrette led..
Avatar billede syswatch Novice
10. december 2004 - 14:47 #5
roenving, det ser heller ikke ud til at virke.. Jeg tester i IE 6
Avatar billede syswatch Novice
10. december 2004 - 14:48 #6
For lige at vise hvad jeg mener, så kan i se det her: http://palby.dk/v2/
Det er den linie hvor der står: Vidste du det var muligt at bestille varer online hvis du er forhandler ?
Avatar billede Slettet bruger
10. december 2004 - 15:00 #7
Jeg tror jeg ville lave det sådan:
.top {
    background-color: silver;
    border-bottom: 1px solid #000000;
    border-top: 1px solid white;
    height: 14px;
    font-size: 10pt;
    font-weight: bold
}

..............
<div align="center" class="top">:: Vidste du det var muligt at bestille varer online hvis du er forhandler ? </div>

Ret selv clas top til
Avatar billede olebole Juniormester
11. december 2004 - 07:38 #8
<ole>

#bar {
height:20px;
background:#0A0D52;
color: #FFFFFF;
font-size: 10px;
border:solid #000000;   
border-width:1px 0 1px 0;
text-align:center;
}
#bar div {
margin-top: 3px;
}

<div id="bar"><div>:: Vidste du det var muligt at bestille varer online hvis du er forhandler ? ::</div></div>

<center> har været deprecated i HTML i 100 år  :)
I forbindelse med din XHTML-kode, kan jeg anbefale at læse:
  http://www.eksperten.dk/artikler/537
  http://www.eksperten.dk/artikler/538

/mvh
</bole>
Avatar billede zyph Nybegynder
13. december 2004 - 16:28 #9
Angående lodret-centrering, så kunne du måske bruge den her til lidt hjælp: http://zyph.dk/eksempler/center/
Avatar billede syswatch Novice
16. december 2004 - 10:52 #10
olebole, jeg brugte dit svar da det var den bedste løsning for mit problem, smider du lige et svar ?
Avatar billede syswatch Novice
21. december 2004 - 15:12 #11
Kommer der ikke snart et svar ?
Avatar billede olebole Juniormester
21. december 2004 - 23:34 #12
ups ... den mail har jeg ikke fået  :)
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