vertical-align

[dj technics]

he,

ik heb pagina waarin mijn menu en mijn inhoud zelf worden verdeelt via een tabel.
het probleem is dat standaart (firefox) de inhoud van een tabel word gecentreed.
aangezien mijn menu korter is dan de inhoud staat deze ergens halverwegen de pagina.
nu had ik een stijl gemaakt in mijn css

.center {
vertical-align: top; }

en in mijn html <span class="center"> gezet.
maar niets veranderde

dan heb ik dit geprobeert

table {
vertical-align: top; }

maar dit werkte ook niet.
dan had ik nog iets gehoord over dit:

<table cellpadding="auto 0">

maar ook dit ging niet (wat ik al wel had verwacht)

hoe zou ik dit menu'tje bovenaan krijgen uitgelijnd?

bedankt

dj technics

 

[Berkery]

vertical-align toepassen op de td waar het menu in zit.

Dus:

td.menu{
vertical-align: top
}

...maar het is beter om het gebruik van tabellen voor lay-out doeleinden af te leren en je meer te verdiepen in CSS

 

[dj technics]

moet ik dan nog een class zetten in die td?

en over die css, ik weet het.
maar ik ben deze site aan het maken voor een lokale club en die zou (questie van subsidie) deze maand nog online moeten.
ik ga het dus voorlopig bij pure html houden en css enkel gebruiken voor kleine zaken zoals achtergrond en dit bv.

ik zal dit later zeker nog aanpassen.

 

[csshunter]

Ohh, als het tijdelijk is, dan kan je gewoon in de html neerpennen:

<td style="vertical-align: top;">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="vervolg.htm">Volgende pagina</a></li>
    </ul>
</td>

... of wat je verder ook in je menu hebt staan.

Of inderdaad met een class in de css:

.menu {
    vertical-align: top;
}

en dan:

<td class="menu">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="vervolg.htm">Volgende pagina</a></li>
    </ul>
</td>

Of misschien nog beter:

td {
    vertical-align: top;
}

met alleen:

<td>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="vervolg.htm">Volgende pagina</a></li>
    </ul>
</td>

... dan beginnen alle cellen in de <table> altijd bovenaan. Bij een groot menu en korte inhoud gaat dan de inhoud ook niet naar halverwege zakken.

Succes!
Met vriendelijke groet,
CSShunter