April 29
Presentazione e posizionamento immagini su una pagina web è parte integrante del design. Spesso, i requisiti richiedono elementi di sinistra, giustificare, come testo e agli stessi di posizionamento tempo elementi grafici in modo diverso, come ad esempio le centrare con precisione sulla pagina. Uno dei metodi migliori practice per centrare l'immagine è quella di utilizzare i fogli di stile (CSS). Centratura un'immagine utilizzando questo metodo funziona bene per qualsiasi immagine di qualsiasi dimensione, e lo stesso codice può essere utilizzato su qualsiasi pagina.
1 Aprire la pagina Web che contiene l'immagine di essere centrato utilizzando uno strumento web authoring.
2 Individuare il codice HTML che circonda l'immagine - che dovrebbe essere simile a questa:
<Img width = "300" height = "199">,
dove mypic.jpg è il nome dell'immagine che si desidera centrato e la larghezza e l'altezza corrispondente.
3 Creare una classe di stile nella sezione HEAD del codice HTML aggiungendo la seguente:
<Style type = "text / css">
.centerImage {text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
</ Style>
4 Modificare il codice HTML per l'immagine di
<P class = "centerImage"> <img width = "300" height = "199"> </ p>.
Anche in questo caso, modificare il nome dell'immagine, larghezza e altezza del nome e dimensioni dell'immagine. Questo non solo per posizionare l'immagine al centro diretta della pagina web, ma farà lo stesso per qualsiasi altra immagine in altre pagine, se si copia e includere lo stile CSS e la dichiarazione di classe, come illustrato.
5 Carica la tua pagina web, o visualizzare in anteprima in un browser come consentito dallo strumento di creazione.