08. oktober 2004 - 18:59Der er
7 kommentarer og 1 løsning
Valign-funktion i CSS
Jeg er begyndt at ændre på min design på min hjemmeside. I gamle dage stillede jeg menuer op i tabeller, og det virkede fint. Der var der en attribut som hed valign. Den gjorde at cellerne altid placerede sig øverst oppe (Eller hvad jeg nu angav den til).
Men nu vil jeg lave alt ved hjælp af CSS. Derfor er menuer nu i DIV og SPAN hvor jeg så henviser til et class i et CSS-dokument. Men hvad hedder denne valign-funktion egentlig der. Hvis jeg har 2 bokse ved siden af hinanden, vil de placere sig fra bunden og opad.
Vertical-align virker ikke på block-elementer som en div. For at få det virke i en div f.eks, skal man div til at blive vist med display: table-cell div {display: table-cell}
Men det er ikke understøttet i IE, men er de fleste andre browsere.
Vertical-align virker. Som regel bruger jeg SPAN og ikke DIV. Og der virker det. En af grundende til at jeg er begyndt at gå fra tabeller og over til CSS, er at Jeg gerne vil prøve at se HTML som et rent tekstsprog, mens CSS skal styre hele designet. Således som det faktisk også burde have været i tidernes morgen.
Principielt er det forkert at bruge spam til at dele tekst op i afsnit med, det er det man har blockelementer til, du kan f.eks. heller ikke sætte width og height på et inlineelement (img undtaget).
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.
