Søg
Avatar billede mik28 Seniormester
17. marts 2003 - 23:53 Der er 24 kommentarer og
1 løsning

vertical-align:middle;

Jeg har en <p> jeg har lavet på følgende måde. Jeg ønsker at teksten bliver alignet vertikalt i midten. Jeg har prøvet med vertical-align:middle; men det syntens ikke at have den ønskede effekt.

<p style="height:30px;width:450px;text-align:center;margin:auto;vertical-align:middle;color:#dddddd;background-color:#000000;font-size:16px;">
    Sign Guestbook
    </p>
Avatar billede backside Nybegynder
17. marts 2003 - 23:57 #1
{ text-align: center } burde virke ifgl. css reference guiden.
Avatar billede mik28 Seniormester
17. marts 2003 - 23:58 #2
Ja men er det ikke bare center horisontalt
Avatar billede backside Nybegynder
18. marts 2003 - 00:00 #3
Jo, sorry.  ;)
Avatar billede viciodk Praktikant
18. marts 2003 - 00:00 #4
backside -> Det var horisontalt :)

Dette burde virke? Mærkeligt hvis det ikke gør.
vertical-align: middle
Avatar billede viciodk Praktikant
18. marts 2003 - 00:01 #5
http://www.w3schools.com/css/pr_pos_vertical-align.asp
Avatar billede mik28 Seniormester
18. marts 2003 - 00:02 #6
http://www.web-oasen.dk/mortallovebeta/index/signguestbook.html
Avatar billede viciodk Praktikant
18. marts 2003 - 00:02 #7
http://www.eksperten.dk/spm/122912
Avatar billede backside Nybegynder
18. marts 2003 - 00:03 #8
vertical-align: middle virker kun i forhold til et andet element.
Du kan ikke bruge den til at smide din body tekst ned på midten af siden.
Hvis jeg ikke tager helt fejl.  ;)
Avatar billede mik28 Seniormester
18. marts 2003 - 00:05 #9
Det jeg vil er at aligne indenfor <p>
Avatar billede backside Nybegynder
18. marts 2003 - 00:08 #10
Der var også lidt her:
www.htmlhelp.com/reference/css/text/vertical-align.html
Avatar billede mik28 Seniormester
18. marts 2003 - 00:10 #11
som jeg læser det burde jeg kunne skrive vertical-align: middle; men der er åbenbart noget jeg ikke har forstået
Avatar billede backside Nybegynder
18. marts 2003 - 00:12 #12
Mit link bekræfter min tidligere påstand om at aligne i forhold til et element ved brug af vertical-align: middle.
Tror du må over i noget med en tabel.
Avatar billede mik28 Seniormester
18. marts 2003 - 00:13 #13
okay, det prøver jeg :-)
Avatar billede viciodk Praktikant
18. marts 2003 - 00:16 #14
Jeg er ikke den store CSS-haj, men hvad hvis man smider det ind i en <DIV> (ikke testet)?
Avatar billede mik28 Seniormester
18. marts 2003 - 00:17 #15
Det virker nu ;-)
Avatar billede backside Nybegynder
18. marts 2003 - 00:18 #16
Med hvilken løsning?
Avatar billede mik28 Seniormester
18. marts 2003 - 00:19 #17
Jeg har smidt overskriften i en tabel. Min umiddelbare indskydelse var bare at det var lidt "overkill"
Avatar billede backside Nybegynder
18. marts 2003 - 00:19 #18
Ellers ville tabel løsningen se ud som noget i den stil her:
<table width="200" height="200"><tr><td valign="middle">tekst</td></tr></table>
Avatar billede backside Nybegynder
18. marts 2003 - 00:20 #19
Nå ok, så ikke lige det sidste.
Men tabeller er altid nemme at have med at gøre.  ;)
Avatar billede mik28 Seniormester
18. marts 2003 - 00:21 #20
smid lige et svar :-)
Avatar billede backside Nybegynder
18. marts 2003 - 00:26 #21
Svar.  ;)
Tabeller er ikke overkill, de er geniale til at styre diverse elementer på siden på et overskuelig måde.
Avatar billede backside Nybegynder
18. marts 2003 - 00:28 #22
At diverse tabel properties ikke godkendes af w3c standarden er en anden sag, men hvad kan man snart lave der godkendes fuldt ud?  *G*
Avatar billede mik28 Seniormester
18. marts 2003 - 00:29 #23
aner det ikke :-) Jeg bruger w3c til at verificere min html og css
Avatar billede mik28 Seniormester
18. marts 2003 - 00:30 #24
Jeg har et spørgsmål til, men det er noget html
Avatar billede mik28 Seniormester
18. marts 2003 - 00:32 #25
Det er så det her jeg arbejder på :-)
http://www.web-oasen.dk/mortallovebeta
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
14/0910:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
13/0912:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »