Come si fa a mettere due immagini insieme fianco a fianco in una pagina?

July 23

L'aggiunta di immagini a una pagina Web può migliorare il suo aspetto generale. È possibile personalizzare le immagini in cui vanno a bilanciare una pagina. Le immagini devono adattarsi entro la larghezza della pagina o DIV (contenitore) per loro di apparire fianco a fianco. Quindi, se si hanno due immagini (ogni 100 pixel di larghezza), la larghezza della pagina o DIV deve essere di almeno 200 pixel. Altrimenti, la seconda immagine sarà spostata alla riga successiva. È possibile utilizzare i fogli di stile CSS per posizionare le immagini nella pagina Web.

istruzione

1 Selezionare "File" e "Open" in un editor di testo, come Blocco note, EditPad o TextPad. L'Open casella di dialogo. Fare doppio clic sul file HTML che si desidera modificare.

2 Scorrere sotto il tag di apertura <body> e posizionare il cursore dove si desidera che le immagini di andare.

3 Copy ( "Ctrl" e "C") e pasta ( "Ctrl" e "V") il seguente codice HTML per posizionare le immagini side-by-side:

<Div style = "width: 200px;">

<Img style = "width: 75px; height: 70px; float: left;" />

<Img style = "width: 75px; height: 70px; float: left;" />

</ Div>

4 Sostituire la larghezza per "stile div" per la larghezza del contenitore. Sostituire "image1.gif" e "Image2.gif" con i nomi dei file di immagine attuali e cambiare la loro altezza e la larghezza alle dimensioni corrette.

5 Selezionare "File" e "Salva" per aggiornare il file HTML.