Come posso centrare un'immagine al centro della pagina con i css
ho messo un'immagine in formato html però mi risulta a sinistra della schermata. Ho fatto un div in modo che con i css possa centrarlo (so che si può fare in html ma mi occore in css) come posso fare?
Ho fatto così
HTML
<div class="home"
</div>
CSS
#home {
}
Se nel css usi #, allora nel file html invece del class="" devi usare id="". E per centrare l'immagine basta usare la proprietà text-align: center.
Devi avere in chiaro il fatto che le classi vengono create mediante il punto:codice:<div id="home"> [img]immagine.png[/img] </div> #home{ text-align: center; }
Spero di esserti stato d'aiutocodice:.home{ text-align: center }
Materiale Programmazione - code-power.blogspot.com
ho fatto cosi ma non mi esce:
HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ristorante Eden dal 1964</title>
<link rel="stylesheet" type="text/css" href="stile.css">
</head>
<body>
<div class="home">
[img]file:///C|/Users/Sisisi...simo!!/Desktop/esame/immagini/home.jpg[/img]
<map name="Map" id="Map">
<area shape="rect" coords="367,800,619,877" href="#" target="Entra" alt="Entra" />
</map>
</div>
</body>
</html>
CSS
#home{
text-align: center;
}
mi appare l'immagine sulla sinistra e non centrata
Come ho detto in precedenza sul div devi scrivere id="home" invece di class="home", perché nel file css hai usato # invece del punto.
Materiale Programmazione - code-power.blogspot.com
scusa se continuo ma non riesco a farlo andare. Eppure ho un'esame di html xD comunque ho provato ma ancora non mi funziona. Contando che ho un file html e un file css ho aggiunto questa riga
<link rel="stylesheet" type="text/css" href="stile.css">
Allora prova modificare il div in questo modo:
codice:<div style="text-align: center;"> </div>
Materiale Programmazione - code-power.blogspot.com
Permessi di invio
Rispondi quotando