Rispondi citandoHai già provato l'allineamento centrato?
CiaoCodice:<div align="center"><img src="link_immagine"></div>
centrare un ' immagine
Sono alle primissime armi con dreamweaver ed ho un problema.Ho creato una home page con sfondo nero ed un ' immagine 1024/768 che dovrebbe servire da "splash page"per entrare poi nel sito vero e proprio.Come faccio a far sì che questa immagine sia centrata in tutti i monitor?Per intenderci io la vedo al centro del mio schermo , ma in un altro appare tutta spostata a destra..c'è una regola css da inserire?Scusate tanto ma sono all' inizio.
Hai già provato l'allineamento centrato?
CiaoCodice:<div align="center"><img src="link_immagine"></div>
Nella vita quello che conta non è essere forti ma sentirsi forti e se vuoi qualcosa veramente datti da fare e prendila.
no, non ho provato in realtà ,io stavo cercando una regola css da inserire per il tag img.Allora provo con il tuo codice!Grazie intanto.
QUESTO è IL CODICE CHE HO IO:
<body>
<a href="gallery.html"><img src="Sfondo.gif" width="1024" height="768" hspace="130" align="texttop" /></a>
</body>
Ma l'immagine devi metterla come sfondo di body?
Nella vita quello che conta non è essere forti ma sentirsi forti e se vuoi qualcosa veramente datti da fare e prendila.
No, non è lo sfondo.Lo sfondo l' ho impostato nero dalle proprietà di pagina , poi ho aggiunto solo questa immagine e ci ho messo un link ad una fotogallery .Volevo centrare questa immagine...dovevo forse inserirla in un div??
body {
background-color: #000;
}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
-->
</style></head>
<body>
<a href="gallery.html"><img src="Sfondo.gif" width="1024" height="768" hspace="130" align="texttop" /></a>
</body>
</html>
border : none ; l' ho messo per togliere il bordo colorato che viene sulle immagini qualdo inserisci un link e pensavo di riuscire anche a centrarla dal pannello css.Ripeto io la vedo al centro ma non è così sugli altri monitor.
Ultima modifica di akeba : 01-09-2010 alle ore 15.06.05
Per centrare un'immagine bisogna scrivere una regola simile a questa:
L'immagine è larga ad esempio 700px e alta 466px. Per ottenere la centratura diamo posizione assoluta e poi usiamo top e left come riferimento per posizionare l'immagine. Per sistemare la centratura poi si prendono le misure, si dividono per due e si sottraggono dai margini.Codice:img { position: absolute; top: 50%; left: 50%; margin: -altezza/2px 0 0 -larghezza/2px; }
Quindi:
altezza/2 diventerà 466/2 quindi 233 e larghezza/2 diventerà 700/2 quindi 350
Oppure, se ti interessa soltanto una centratura orizzontale, puoi scrivere così:Codice:img { position: absolute; top: 50%; left: 50%; margin: -233px 0 0 -350px; }
Display: block va usato per trattare il tag img come un tag block (come div, table, p). Margin si usa per centrare con Firefox e Opera. Text-align si usa per Internet Explorer. In questo caso funziona per via della regola display.Codice:.centro { display: block; margin: 0px auto; text-align: center; }
Ti basterebbe eliminarla o sostituire block con inline per non riuscire più a centrare l'immagine (con IE).
Ultima modifica di fra : 01-09-2010 alle ore 15.15.48
Nella vita quello che conta non è essere forti ma sentirsi forti e se vuoi qualcosa veramente datti da fare e prendila.
funziona!!
grazie fra , prometto di studiare e tornare piu' preparata la prossima volta!
Figurati, è un piacereOriginalmente inviato da akeba
grazie fra , prometto di studiare e tornare piu' preparata la prossima volta!
Nella vita quello che conta non è essere forti ma sentirsi forti e se vuoi qualcosa veramente datti da fare e prendila.
Regole di scrittura
Bookmarks