problema inaltime intr-o lista in html

[microbu]

Pagina mea este aceasta:

Doctor Cananau

Cum fac sa apara ca in grafica?

View image: contact

Aveam 2 optiunii, sa fac pt fiecare rand cu imagine cate un div sau cu lista..

si am optat pt o lista cu cate o imagine pe fiecare <li>.

Cum modific distanta respectiva la primu rand, la telefon sa fie nr de tel unu sub altu fara spatiu intre randuri si la fel si la program.

Acum am line-height pus pe div-ul mare #contact, dar am incercat sa pun line-height si la fiecare si tot cam dracu ala e..

Astept pareri.. MS

[Pacalici]

#contact li {
    font-weight:600;
	font-size:16px;
	color:#48253f;
	font-family:Verdana, Geneva, sans-serif;
    text-shadow:#48253f 1px 1px 8px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contact li#tel {
	background:url(../img/tel.png) no-repeat 0 center;
	padding-left:80px;
}

#contact li#email {
	background: url(../img/email.png) no-repeat 0 center;
	padding-left:80px;
}

#contact li#email a:link {
	color:#48253f;
	text-decoration:none;
}

#contact li#email a:visited {
	color:#48253f;
	text-decoration:none;
}

#contact li#email a:hover  {
	color:#000;
	text-decoration:underline;
}

#contact li#email a:active {
	color:#000;
	text-decoration:underline;
}

#contact li#prg {
	background:url(../img/ceas.png) no-repeat 0 center;
	padding-left:80px;
}

[Pacalici]

#contact li {
    font-weight:600;
	font-size:16px;
	color:#48253f;
	font-family:Verdana, Geneva, sans-serif;
    text-shadow:#48253f 1px 1px 8px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contact li#tel {
	background:url(../img/tel.png) no-repeat 0 center;
	padding-left:80px;
}

#contact li#email {
	background: url(../img/email.png) no-repeat 0 center;
	padding-left:80px;
}

#contact li#email a:link {
	color:#48253f;
	text-decoration:none;
}

#contact li#email a:visited {
	color:#48253f;
	text-decoration:none;
}

#contact li#email a:hover  {
	color:#000;
	text-decoration:underline;
}

#contact li#email a:active {
	color:#000;
	text-decoration:underline;
}

#contact li#prg {
	background:url(../img/ceas.png) no-repeat 0 center;
	padding-left:80px;
}

- Mutat background position sa fie center nu 10px

- modificat line-height in 20px

- adaugat padding sus si jos 10px;

Mai modifici dupa bunul plac.

PS: Scuze de dublu post, am dat reply in loc de edit se poate sterge cel de deasupra.

[microbu]

dap, e Ok, ms mult

[sebyku]

<li id="tel" style="
    line-height: 20px;
">0040 755 163 893<br>0040 769 714 596</li>

#contact li#tel {
background: url(../img/tel.png) no-repeat 0 10px;
padding-left: 80px;
}

<li id="email" style="
    line-height: 100px;
"><a href="mailto:office@drcananau.ro">office@drcananau.ro</a></li>


<li id="prg" style="
    line-height: 20px;
">Luni - Vineri: 09 - 21<br>Sambata:      09 - 14</li>

Am ame?it pu?in codul, te prinzi tu ...

http://i.imgur.com/3vWbsBU.jpg

[microbu]

ms, dar m-a rezolvat deja de ieri, pacalici oricum ms inca odata.

bafta

[robertutzu]

ca idee stomato = albastru, gineco = roz , ai grija la ce culori folosesti la site-uri pe viitor