css vertical-align werkt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jordy

jordy

19/12/2007 15:06:00
Quote Anchor link
ik probeer dit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
.menu
{
 font-size:large;
 text-align:left;
 vertical-align:middle;
}


alles wordt gedaan behalve die vertical-align.

Iemand een idee wat er mis kan zijn??
 
PHP hulp

PHP hulp

05/11/2024 22:09:32
 
Gerben Jacobs

Gerben Jacobs

19/12/2007 15:12:00
Quote Anchor link
Ik vind genoeg;

http://www.google.nl/search?q=css+vertical+align+doesn't+work
Gewijzigd op 01/01/1970 01:00:00 door Gerben Jacobs
 
Fred Binnenpret

Fred Binnenpret

19/12/2007 16:29:00
Quote Anchor link
Ik gebruik het nooit... maar volgens mij werkt het alleen bij tables.
gebruik anders gewoon padding-top
 
Jordy

jordy

20/12/2007 08:52:00
Quote Anchor link
de tekst van mij staat in een tabel, dus normaal zou dit toch moeten werken.

wanneer ik padding-top of zo gebruik komen mijn figuur en tekst nog niet in de midden te staan maar komt er enkel witruimte meer tussen, dus dit is geen optie.
 
J V

J V

20/12/2007 09:33:00
Quote Anchor link
Heb je een voorbeeld? En waarom werk je met tabellen? Probeer het eens met divs.
 
Jordy

jordy

20/12/2007 09:35:00
 
Jan Koehoorn

Jan Koehoorn

20/12/2007 09:42:00
Quote Anchor link
In dat voorbeeld staat er geen vertical-align op je td's.

Tip: gebruik geen tabellen, maar een ul en li's voor zo'n menu als dit.
 
Jordy

jordy

20/12/2007 09:43:00
Quote Anchor link
maar met ul en li krijg ik toch mijn tekst niet in het midden van het figuurtje

wanneer ik echter in mijn td enkel de tekst zet(dus zonder het figuurtje) dan werkt het perfect, iemand een idee hoe dit op te lossen???

aanvulling: wanneer ik de td overdreven groot zet dan zie ik dat de figuur wel in het midden geplaatst wordt maar de tekst niet, deze blijft altijd aan de bottom van de figuur staan.

ik heb juist nog eens de uitleg gelezen op w3c en daar vind ik dat bij een vertical-align er wordt gekeken naar het grootste element(in mijn geval is dit de figuur). Hoe kan ik hier nu omheen werken zodat de tekst ook mooi in het midden staat???
Gewijzigd op 01/01/1970 01:00:00 door jordy
 
PHP Newbie

PHP Newbie

20/12/2007 10:38:00
Quote Anchor link
maak de line-height net zo groot als het element:

ul {
height: 40px;
line-height: 40px;
}

Let op! Dit werkt alleen wanneer je 1 regel tekst hebt
 
J V

J V

20/12/2007 11:33:00
Quote Anchor link
Als je de tabellen geen hoogte meegeeft, maar een padding die ervoor zorgt dat je tabel hoger word dan je plaatje, want je plaatje zette hij wel in het midden toch? Geef je tekst dus gewoon een padding (boven en onder) die groter is dan je plaatje.
Misschien dat hij dan in het midden komt.

-edit-
Ik kijk net even naar je indeling van je site, maar daar word ik ook niet wijzer van.
Gebruik divs ipv tabellen. De mogelijkheid die ik hierboven gaf, gaf ik voor een div, maar ik weet niet of hij ook werkt met tabellen. Dat moet je even uitproberen.
Gewijzigd op 01/01/1970 01:00:00 door J V
 
Jordy

jordy

20/12/2007 11:36:00
Quote Anchor link
ja owkay dat is gewoon een manier op je tekst groter te doen lijken, maar dan staat de figuur niet meer juist.

Ik heb het opgelost door beiden in een aprte cell te steken
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.