Altezza livello e allineamento

**Federix** · 02-12-2004, 12:37

Ho un livello con un immagine e con le seguenti proprietà:

codice:

.banner {
width: 480px;
height: 80px;
line-height: 80px;
display: block;
float: left;
text-align: right;
vertical-align: middle;
background-color: #D2D2FF;
}

Ora, l'immagine che c'è dentro dovrebbe allinearsi centralmente in verticale cosa che non avviene. Se invece ci scrivo del testo, si allinea centralmente benissimo. Forse dipende che l'immagine viene generata da uno script js o da cos'altro????? :master:

**ptransidico** · 02-12-2004, 13:21

.banner {
position: relative;
width: 480px;
height: 80px;
float: left;
text-align: right;
background-color: #D2D2FF;
}

.banner img {
position: absolute; top:50%;
margin-top: -40px;
}

dovrebbe funzionare

ciao

**Federix** · 02-12-2004, 15:14

No, non funzia neanche così. Comunque il codice è:

codice:

<div class="banner"><script src="script.js"></script></div>

**BananaBoat** · 02-12-2004, 16:44

codice:

<html>
<head>
<title>banner</title>
<style type="text/css">
.banner {
width: 480px;
height: 80px;
float: left;
text-align: right;
background-color: #D2D2FF;
}
.banner img {
position:relative;
top:50%;
height:60px;
margin:-30px 0 0;
}
</style>
</head>
<body>
<div class="banner">[img]eagle.jpg[/img]</div>
</body>
</html>

sostituisci height con l'altezza della tua immagine e il margine che ho impostato a -30px con -la meta' dell'altezza dell'immagine

Discussione: Altezza livello e allineamento

Strumenti discussione

Ricerca discussione

Visualizza

Altezza livello e allineamento

Permessi di invio