css tast ander ding aan

Hee,

ik heb een probleempje. zie gemhearted.actieforum.com voor voorbeelden.
Want ik wil de titel van een categorie 25px hebben, maar dan tast deze het kolom ernaast aan (dus hetgeen waar de info staat over wanneer en wie als laatste gepost heeft).
Hoe krijg ik size toch 25px maar dat hij de kolom ernaast niet aantast?

Ook wil ik graag een mouse-over effect over de tekst (dat hij langzaam naar een andere kleur veranderd). Ik heb 'm al maar hij werkt maar bij heel weinig linkjes (als je over test heen gaat doet hij het, maar ga je over handbook heen dan niet etc). Hoe doe ik dit bij alles?
De css:

Code:

a:link {
    color: #000000;
    text-decoration: none;
}

a:hover {
     color: #b54336;
    -webkit-transition: color 1s ease-in;
   -moz-transition: color 1s ease-in;
   -ms-transition: color 1s ease-in;
   -o-transition: color 1s ease-in;
   transition: color 1s ease-in;
     text-decoration: none;
}

alvast heel erg bedankt.

Voor het eerste zou je eens de template 'index_box' moeten doorsturen. Het is namelijk moeilijk om juiste element op te roepen met css zonder andere ook te moeten verplaatsen.

Voor je links op te maken zou ik zelf geen gebruik maken van de ':link', ':visited' of ':active' selectors. Je maakt hiermee de code veel moeilijker en voor jouw doel heb je genoeg met ':hover'.

uitleg ':link', ':visited' en ':active':

Verder moet je ook controleren wat het hoogste staat in je rang. De code die je postte is een globale code voor alle links, maar wanneer je later een specifieke link selecteert worden de overeenkomstige waarden overschreven. Dit is wat bij jou gebeurde: op '.forumlink' staat nog deze css.

Code:

a.forumlink:hover {
    color: #000;
    text-decoration: underline;
}
a.forumlink:visited {
    color: #000;
}
a.forumlink:link {
    color: #000;
}

Vermoedelijk is dit de css die automatisch wordt toegekend vanuit het beheerderspaneel. Probeer bij het kleurenbeheer de vakken voor je links leeg te laten.

Afgehandeld via de pm. Opgelost!