majhna težava pri oblikovanu

Tako mora zadeva izgledati:


Trenutno stanje:


Zanima me kako oblikovati naslove, da bodo lepo pozicionirani kot na prvi sliki.
Predvsem mi probleme predstavljajo daljša besedila, ki povzročijo, da se tabela razširi tudi nad drugo "črtico".

Načeloma je za napise brez mehčanja robov uporaba slik (IR - image replacement) nepotrebna.

Najprej se jaz zadeve ne bi lotil s tabelo (kot vidis ti povzroca le tezave, ostali elementi se ne razsirijo, ce je vsebine prevec).

Začneš lahko recimo z zelo preprostim seznamom:

<ul>
  <li>domov</li>
  <li>koledar</li>
  <li>galerija</li>
  <li>prireditve</li>
  <li>prijava</li>
  <li>kontakt</li>
</ul>

Potem se malo poigraš s CSS. Elementom določiš velikosti, fontu enostavno dodeliš enake parametre kot v programu, v katerem si naredil sličico. Nato dodaš potreben padding, za konec pa še slike v ozadje. Voila, pol urce dela. ;)

Hvala vsem za pomoč.
Ta link je super.