[CSS] txt verticaal center in een block

[GoVegan]

he hoi

ik ben nu in css bezig met het hover effect, en wil graag dat ik uiteindelijk in een tabel een text verticaal gecentreerd krijg, en waarbij de hele tabel als hotspot dient. dit krijg je volgens mij dus wanneer je in css aan geeft display: block;

hier mijn css code (ja ik weet wel dat het geen php maar dat staat wat mooier)

PHP:

.forum-title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.forum-title a,.forum-title a:link,.forum-title a:visited,.forum-title a:active {
display: block;
background: #C0C0C0;
color: #000000;
vertical-align: middle;
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
height: 100%;
width: 100%;
text-decoration: none;
}
.forum-title a:hover {
display: block;
background: #969696;
color: #FFFFFF;
vertical-align: middle;
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
height: 100%;
width: 100%;
text-decoration: bold;
}

en hier stukje html waarin ik het toepas.

PHP:

            <td width="161" height="28" colspan="3" class="forum-title"><a href="../html/forum/index.php">Web
            Forum</a></td>

ik wil dus graag dat ik een tabel krijg waarin een stukje txt staat en de gehele tabel moet hotspot gevoeling zijn...

peter

[Verwijderd]

onclick() ?
oftewel zoek is op td + onclick

[ Voor 60% gewijzigd door Verwijderd op 08-09-2003 01:24 ]

[GoVegan]

Verwijderd schreef op 08 September 2003 @ 01:22:
onclick() ?
oftewel zoek is op td + onclick

ja maar dan ga je weer richting je javascript, en ik wou dit graag met CSS oplossen...

[GoVegan]

heb het al op gelost door in de
.forum-title a,.forum-title a:link,.forum-title a:visited,.forum-title a:active {

padding-top: 5px; -- neer te zetten
}

niet altijd verticaal gecentreerd, maarja als de block allemaal evenhoog zijn werkt het wel.


oja slotje mag erop....

[ Voor 6% gewijzigd door GoVegan op 08-09-2003 11:13 ]

[crisp]

slotje hoeft niet altijd hoor;

nog een tipje: [ code=css ] geeft dit:

Cascading Stylesheet:

body {
  overflow: hidden;
}

duidelijker dan [ php ] imho

[Verwijderd]

nog een tip: al die herhalingen qua font definities/vertical-align/width/height zijn niet nodig, 1x vermelden in .forum-title is genoeg, scheelt toch weer