Testo LINK in DIV... spostarlo verso il basso..

**henry78** · 24-10-2008, 12:26

Ciao a tutti

ho questo "problemino" che mi sta facendo perdere un sacco di tempo...

ho un div che contiene un testo, il tutto è cliccabile:

<div class="divcolonna2">1. Prodotti</div>

il css che uso per ottenere l'effeto è questo:

.divcolonna2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #cc6699;
text-align:left;
text-decoration:none;
float: left;
width: 252px;
height:108px;
}

.divcolonna2 a {
color: #cc6699;
text-decoration:none;
display: block;
width: 252px;
height:108px;
background-image:url(../images/sfondo_1.jpg);
}

.divcolonna2 a:hover {
text-decoration:none;
color: #cc9900;
background-image:url(../images/sfondo_2.jpg);
}

in pratica il testo "link" all'interno del Div, mi rimane allineato in alto... vorrei aggiungergli un pò di margine (top margin) ma non riesco...

Come posso spostarlo un pò verso il basso?

**Gufo** · 24-10-2008, 12:52

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
.divcolonna2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
color: #cc6699;
text-align:left;
text-decoration:none; 
float: left;
width: 252px;
height:108px;
line-height: 85px;
}

.divcolonna2 a {
color: #cc6699;
text-decoration:none;
display: block;
width: 252px;
height:108px;
background-image:url(../images/sfondo_1.jpg);
}

.divcolonna2 a:hover {
text-decoration:none;
color: #cc9900;
background-image:url(../images/sfondo_2.jpg);
} 

-->
</style></head>

<body>
<div class="divcolonna2"> 1. Prodotti</div>
</body>
</html>

**custanz** · 24-10-2008, 15:37

Originariamente inviato da Gufo

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
.divcolonna2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
color: #cc6699;
text-align:left;
text-decoration:none; 
float: left;
width: 252px;
height:108px;
line-height: 85px;
}

.divcolonna2 a {
color: #cc6699;
text-decoration:none;
display: block;
width: 252px;
height:108px;
background-image:url(../images/sfondo_1.jpg);
}

.divcolonna2 a:hover {
text-decoration:none;
color: #cc9900;
background-image:url(../images/sfondo_2.jpg);
} 

-->
</style></head>

<body>
<div class="divcolonna2"> 1. Prodotti</div>
</body>
</html>

cioé... dovrebbe aggiungere un line_height... non ho capito..

**paxal78** · 28-10-2008, 04:02

in pratica il testo "link" all'interno del Div, mi rimane allineato in alto... vorrei aggiungergli un pò di margine (top margin) ma non riesco...

Come posso spostarlo un pò verso il basso?

domanda...

ma vuoi che il link si "staccato" in alto dal suo contenitore?

**Gufo** · 28-10-2008, 09:36

Originariamente inviato da custanz
cioé... dovrebbe aggiungere un line_height... non ho capito..

L'hai provato il codice? Se l'hai provato e ti va bene vuol dire che devi aggiungere line-height

Discussione: Testo LINK in DIV... spostarlo verso il basso..

Strumenti discussione

Ricerca discussione

Visualizza

Testo LINK in DIV... spostarlo verso il basso..

Re: Testo LINK in DIV... spostarlo verso il basso..

Permessi di invio