centratura verticale immagine

**mude70** · 04-03-2009, 13:05

ciao a tutti
ho questo problema: devo creare una home page semplicissima, con solo lo sfondo e un'immagine sopra che dovrebbe essere SEMPRE al centro dello schermo independentemente dalla risoluzione. Per quanto riguarda la centratura orizzontale non credo di avere problemi, ma per quella verticale come faccio? Va inserito qualcosa nel CSS?

questo è il codice della paginetta:

<!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" lang="it">
<head>
<title>- AKUMA cables -</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HiEnd cables" />
<meta name="Keywords" content="hi fi" />

<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body link="#ffffff" vlink="#ffffff" alink="#ffffff">

<div align="center">[img]images/index.jpg[/img]</div>

<div align="center"><font face="Arial"><font size="-2">© 2009 - all rights reserved</font></div>

</body>
</html>

Grazie a tutti

**NicManzana** · 04-03-2009, 13:29

tralascio il fatto che sarebbe meglio inserire tutto il css in un foglio esterno . cmq.
per la centratura verticale dell'immagine , basta dargli queste propietà :

codice:

height: 400px;
top: 50%;
margin-top: -200px;

ora spiego: come margin-top devi dare meta dell'altezza della tua immagine.

dovrebbe funzionare cosi

**mude70** · 04-03-2009, 14:45

ma questo codice

height: 400px;
top: 50%;
margin-top: -200px;

va inserito all'interno dell'immagine?

<div align="center">[img]images/index.jpg[/img]</div>

grazie

**NicManzana** · 04-03-2009, 19:46

<div align="center"> è deprecato .. non me ne ero accorto al primo msg.
Forse ti conviene partire un po' dalle basi... in questo sito , ed anche all'interno del forum , trovi tantissime guide.

L'allineamento centrale puoi ottenerlo usando margin: 0 auto;

dove 0 sta per top e bottom e auto per left e right.

cmq anche il tag font è deprecato
pure link="#ffffff" vlink="#ffffff" alink="#ffffff" è deprecato ..

ma da dove l'hai tirata fuori sta pagina? :master: ..

Discussione: centratura verticale immagine

Strumenti discussione

Ricerca discussione

Visualizza

centratura verticale immagine

Permessi di invio