PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
D

tekst verticaal centreren

Door Deze site laat je geen account deleten op 11-01-2007 18:12
782 views
Ik ben bezig mijn css te verbeteren, dus begon ik een simpel vak voor een gamesite te maken. Dit doe ik dmv een aantal div tags(ik weet dat veel gamesites dit met tabellen doen maar dat is niet "netjes" programmeren vind ik). Maar nu staat mijn tekst niet goed, op het screenshot zal je het wel zien. Is er iets in css waarmee ik het verticaal kan centreren?
D
Deze site laat je geen account deleten
11-01-2007 18:42
@nico
dat bedoel ik inderdaad ja, ik ga het nu meteen testen.

EDIT: ik heb een aantal dingen ingevoerd, maar het lukt me maar niet
N
Nicoow Unknown
11-01-2007 18:48
je wilt hem verticaal centreren met die puntjes neem ik aan??
zou je mij het stukje script laten zien dan zal ik wel even kijken.. ik weet namelijk wel hoe het met een plaatje werkt,, mischien werkt het hetzelfde met die puntjes
check dit ook maar even.. dit is het hele css stuk over het positioneren van tekst en plaatjes enzo:
http://www.w3schools.com/css/css_positioning.asp
D
Deze site laat je geen account deleten
11-01-2007 18:53
De css

#container {
background-color:#FFFF99;
border:thin;
border-bottom:thick;
border-top:none;
border-style:solid;
border-top-style:hidden;
width:140px;
height:auto;
}
#top {
background-image:url(images/menuh2algemeen.gif);
color:#FF0000;
background-repeat:no-repeat;
padding: 12px 0 0px 0;
width:160px;
text-indent:12px;
}
#nieuw {
width:160px;
list-style:square;
}

html:

<div id="container"><div id="top"><bNieuwe Spellen</b></div><div id="nieuw"><ul><li>Blaat 1</li><li>Blaat 2</li><li>Etc.</li></ul></div></div>

Ik wil dat het gewoon precies in het midden van het plaatje met het vraagteken komt(dat gele ding)
N
Nicoow Unknown
11-01-2007 19:19
je moet dan die vraagteken als los plaatje nemen en dan dit doen :

in je css:

img.vraagteken {vertical-align:middle}


en dan:

<div id="container">
<div id="top">
<b>Nieuwe Spellen</b>
<img class="vraagteken" border="0" src="vraagteken.png">
</div>
<div id="nieuw">
<ul><li>Blaat 1</li>
<li>Blaat 2</li>
<li>Etc.</li></ul>
</div></div>


zo zet hij bij het plaatje dat vraagteken genoemd word de tekst eromheen als het goed is in het midden
N
Nicoow Unknown
11-01-2007 19:30
je moet wel dat ene plaatje met die achtergrond en vraagteken splitsen en die achtergrond echt als actergrond en die vraagteken als plaatje anders heeft het geen zin,,
laat anders weer even een ss zien
D
Deze site laat je geen account deleten
11-01-2007 19:35
Html:

<div id="container">
<div id="top">
<b>Nieuwe Spellen</b>
<img class="vraagteken" border="0" src="images/menuh2algemeen.gif">
</div>
<div id="nieuw">
<ul><li>Blaat 1</li>
<li>Blaat 2</li>
<li>Etc.</li></ul>
</div>
</div>

css:

#container {
background-color:#FFFF99;
border:thin;
border-bottom:thick;
border-top:none;
border-style:solid;
border-top-style:hidden;
width:140px;
height:auto;
}
#top {
color:#FF0000;
padding: 12px 0 0px 0;
width:160px;
text-indent:12px;
}
#nieuw {
width:160px;
list-style:square;
}
img.vraagteken {vertical-align:middle}
N
Nicoow Unknown
11-01-2007 19:41
is dat menuh2algemeen.gif al gescheiden van achtergrond en die vraagteken?

Reageren

Inloggen om te reageren