Jump to content
microbu

problema inaltime intr-o lista in html

Recommended Posts

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

Link to comment
Share on other sites


#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;
}

Link to comment
Share on other sites


#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.

Link to comment
Share on other sites

<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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...