absoluut centraal?

[Verwijderd]

Ik ben bezig met een website voor een vriend van me en tja aangezien ik pas begonnen ben met html ed. loop ik nog weleens tegen een aantal 'probleempjes" aan . De meeste van deze 'probleempjes' kan ik makkelijk zelf oplossen door een beetje zoekwerk, maar nu heb ik er een die ik zosnel niet kan oplossen.

Ik heb in mijn css een defenitie voor een menubar opgegeven die 795px lang en 30px hoog moet zijn ,met een fontgroote van 12px. Binnen dit menu moeten dus de links komen, maar deze wil ik absoluut centraal uitgelijnt hebben. Ik heb echter geen idee hoe ik dit moet aanpakken.

Natuurlijk heb ik al "font-align: center;" gedaan, maar dan word de text alleen in de lengte uitgelijnt en ik wil hem in de hoogte uitgelijnt hebben (ik zal proberen te tekenen wat ik bedoel)

als dit mijn menubar is:

code:

____________________________________

wil ik de text dus zo uitgelijnt hebben
____________________________________

met "font-align:center;" word het echter:

code:

___________________________________
    op deze manier uitgelijnt

___________________________________

Ik hoop dat jullie snappen wat ik bedoel

[pasta]

Cascading Stylesheet:

span.aligned
{
  vertical-align: middle;
  font-align: center;
}

En als HTML:

HTML:

<span class="aligned">op deze manier uitgelijnt</span>

Zou volgens mij moeten werken.

[ Voor 9% gewijzigd door pasta op 10-03-2004 12:28 ]

[Niakmo]

html zou ook kunnen

HTML:

<table width="400" height="400" border="0">
  <tr>
    <td valign="middle">test</td>
    <td valign="baseline">test</td>
    <td valign="bottom">test</td>
    <td valign="top">test</td>
  </tr>
</table>

in een td kan het zeker maar misschien kan het ook in div ofzo, ik weetniet hoe je menu is opgebouwd.


of als je css gebruikt

code:

<style type="text/css">
.blaat {
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FF0000;
}
</style>

en dan gaat het dus om de

code:

vertical-align: middle;

edit:
maar dat css was algezegd .

[ Voor 46% gewijzigd door Niakmo op 10-03-2004 13:16 ]

[equationunequal]

Vertical-align werkt alleen icm. display: table cell, en dat werkt weer niet in ie...

Zie dit topic: [rml][ xHTML / CSS] positionerings probleem[/rml]

* equationunequal heeft het zelfde probleem

[Guillome]

http://msdn.microsoft.com...perties/verticalalign.asp

En het is trouwens text-align en niet font-align.
In een TD kan het idd wel, die doet dat automatisch al.
En het kan dus ook in een span.

[Verwijderd]

Niet in een TD. _Een_ TD.

[Guillome]

[Verwijderd]

ff wat in elkaar geflanst, waarschijnlijk niet de meest elegante oplossing, maar het werkt.

http://www.drunk.nl/tweakers/uitlijnen.htm

[Guillome]

uitgelijnd

[Verwijderd]

sorry mijn fout ik had erbij moeten vermelden dat ik met div's werk en niet met tabelen

Ik ga de oplossingen die hier aangedragen zijn in elk geval eens proberen .

bedankt

[ Voor 64% gewijzigd door Verwijderd op 10-03-2004 15:01 ]

[Verwijderd]

Verwijderd schreef op 10 maart 2004 @ 14:57:
sorry mijn fout ik had erbij moeten vermelden dat ik met div's werk en niet met tabelen

zie jij in mijn voorbeeld een tabel?

[Niakmo]

Verwijderd schreef op 10 maart 2004 @ 14:57:
sorry mijn fout ik had erbij moeten vermelden dat ik met div's werk en niet met tabelen

werkt het nu, is shadow3333 zijn manier goed? of heb je het probleem nogsteeds?

[Verwijderd]

Verwijderd schreef op 10 maart 2004 @ 15:00:
[...]


zie jij in mijn voorbeeld een tabel?

lol

Nee jouw oplossing gebruikt div's
hoezo?? ik had het toch niet speciafiek over jouw oplossing (die overigens uitstekend werkt, bedankt hiervoor)

[ Voor 8% gewijzigd door Verwijderd op 10-03-2004 15:09 ]

[equationunequal]

En als je niet absoluut, maar relatief wil positioneren (als je lay-out bv. gecentreerd is): [rml]Hankey in "[ xHTML / CSS] positionerings probleem"[/rml]