Beste SD'ers,

Ik ben bezig met het slicen van een nieuw design voor mijn onlangs aangekochte site, maar ben op een probleem gestuit.

http://goo.gl/0ncWv

Ik wil de tekst in het menu aan de linkerkant (e-mails lezen, betaald klikken etc.) verticaal gecentreerd zien (zodat ze gelijk komen aan de icoontjes). Daar ik niet veel ervaring heb met CSS, wil ik jullie vragen hoe ik dit kan doen.

Code:

#menuleft5 {
	font-family: Verdana;
	background-image: url(img/menu5.png); 
	font-size: 14px;
	line-height:0px;
	color: #6a6a6a;  
        width: 209px;
		height: 224px;
        margin-top: -8px;
		margin-left: 4px;
        float: left;
        padding-bottom: -10px;
}

#snelverdienen {
	padding-left: 9px;
	padding-top: 8px;
}

.buttons ul { 
	list-style: none;
	line-height: 0px;
	margin-top: -5px; 
	margin-left: -9px;  
	padding: -10px;      
}

.buttons ul li { 
        width: 188px;
        margin-left: -9px;  
		padding: -10px; 
}

.buttons ul li a { 
        color: 6a6a6a;
        width: 190px;
        display: block;
		margin-left: -9px;
		padding: -10px;
}

Code:

<div id="menuleft5">
	<div id="snelverdienen"><img src="/img/snelverdienen.png" alt="Sitenaam.nl" border="0" /></div>
    <div class="buttons">
	<ul>
	<li><a href="/saldo/"><img src="/img/emails2.png" alt="Emails lezen" border="0">E-mails lezen</a></li>
	<li><a href="/profiel/"><img src="/img/klikken2.png" alt="Betaald klikken" border="0">Betaald klikken</a></li>		
	<li><a href="/vakantie/"><img src="/img/klikwin2.png" alt="Klik & Win" border="0">Klik & Win</a></li>
	<li><a href="/uitbetalen/"><img src="/img/belwin2.png" alt="Bel & Win" border="0">Bel & Win</a></li>
	<li><a href="/uitschrijven/"><img src="/img/loterij2.png" alt="Loterij" border="0">Loterij</a></li>
	</ul>

De icon uit de a-tag halen en in de li-tag zetten. Vervolgens de a-tag een top en bottom padding geven.

Je kan in dit geval gewoon het volgende gebruiken in je stylesheet.

Code:

img {
    vertical-align: middle;
}

Wellicht een aparte class ervoor aanmaken, zodat andere images er geen 'last' van hebben.
Ik zou sowieso nog wel even goed ernaar kijken om het misschien anders op te bouwen als ik jou was : )