login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst in het midden weergeven

Offline kickasgamer - 21/07/2007 11:36
Avatar van kickasgamerPHP ver gevorderde ik wil een stukje tekst in het midden geven van een div

maar niet het horizonale midden maar verticale midden hoe doe ik dat ?

16 antwoorden

Gesponsorde links
Offline Simon - 21/07/2007 11:39
Avatar van Simon PHP expert style="vertical-align: middle;"
Offline kickasgamer - 21/07/2007 11:47
Avatar van kickasgamer PHP ver gevorderde werkt hier niet 

http://img405.imageshack.us/img405/2842/vbbs9.jpg
Offline citroen - 21/07/2007 12:06 (laatste wijziging 21/07/2007 12:07)
Avatar van citroen Onbekend text-align: center
voor horizontaal

verticaal gaat niet via 1 regeltje
Offline ReneeJ - 21/07/2007 12:09
Avatar van ReneeJ HTML interesse je kan dan toch je div dit meegeven:
dat zou moeten werken
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #div {
  2. display: table-cell;
  3. vertical-align: middle;
  4. }
Offline kickasgamer - 21/07/2007 12:24
Avatar van kickasgamer PHP ver gevorderde dat blijft maar bovenaan links staan 

zoals hier: http://img405.imageshack.us/img405/2842/vbbs9.jpg
Offline willemw - 21/07/2007 12:40 (laatste wijziging 21/07/2007 12:41)
Avatar van willemw Nieuw lid verticaal centreren => hoogte en lijn-hoogte hetzelfde zetten
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="height: 46px;line-height: 46px">
  2.  ik sta in het midden
  3. </div>
Offline dreamworld - 21/07/2007 13:09
Avatar van dreamworld HTML beginner als je een vaste hoogte hebt gewoon met padding-top: xxpx of padding: 5px 0px 0px 0px; werken.
Let wel op op dat als je bijv padding-top: 5px; doet en je hoogte is 15px dan moet je je hoogte veranderen in 10px vanwege die 5px padding...
Offline willemw - 21/07/2007 13:27
Avatar van willemw Nieuw lid
dreamworld schreef:
als je een vaste hoogte hebt gewoon met padding-top: xxpx of padding: 5px 0px 0px 0px; werken.
Let wel op op dat als je bijv padding-top: 5px; doet en je hoogte is 15px dan moet je je hoogte veranderen in 10px vanwege die 5px padding...


zo ga je het heel snel heel ingewikkeld maken*. Het is wel een goede methode als je zonder vaste hoogte werkt om dan een top en bottom padding mee te geven die gelijk zijn.

*problemen bij verschillende/variabele font-grootte, problemen met floats, IE en FF die padding niet hetzelfde bekijken,...
Offline dreamworld - 21/07/2007 13:41
Avatar van dreamworld HTML beginner
Citaat:
zo ga je het heel snel heel ingewikkeld maken


Ik zie het probleem niet? Je hebt een balkje van 100px breed en 15px hoog.. je geeft deze een padding-top mee van 5px en je veranderd de hoogte naar 10px en uiteindelijk zit je weer op 15px. ...

Wat heeft dat met de rest te maken?
Offline willemw - 21/07/2007 13:50 (laatste wijziging 21/07/2007 13:51)
Avatar van willemw Nieuw lid alles 
ik zal het je één van de problemen tonen:
http://paintedo...t_niet.png
Offline smoos - 21/07/2007 13:59
Avatar van smoos PHP gevorderde height gewoon weghalen
werken met de padding
Offline dreamworld - 21/07/2007 14:02
Avatar van dreamworld HTML beginner Ik gebruik padding met vaste hoogte en zonder hoogte.. ik heb nergens problemen mee..

Citaat:
ik zal het je één van de problemen tonen:
http://paintedo...t_niet.png

De server op paintedover.com doet er te lang over om te antwoorden.
Offline willemw - 21/07/2007 14:23 (laatste wijziging 21/07/2007 14:24)
Avatar van willemw Nieuw lid
dreamworld schreef:
De server op paintedover.com doet er te lang over om te antwoorden.


raar, maar allez: http://www.jobr.be/balkje_klopt_niet.png

smoos: height weglaten is dus wat we bedoelen met "zonder vaste hoogte" he 
Offline kickasgamer - 21/07/2007 18:03
Avatar van kickasgamer PHP ver gevorderde ja tis me nu gelukt om de tekst in het midden te krijgen, ik he het gedaan met padding

maar nu is mijn nieuwe vraag, met welke CSS opties kan ik de grote en lettertype van een tekst aanpassen ?
Offline willemw - 23/07/2007 10:23 (laatste wijziging 23/07/2007 14:34)
Avatar van willemw Nieuw lid font-size en font-family

http://www.w3schools.com/css/css_font.asp



vv  
Offline kickasgamer - 23/07/2007 13:57
Avatar van kickasgamer PHP ver gevorderde bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.179s