Hvordan kan du sette to bilder ved siden av hverandre på én side?
Legge bilder til en webside kan forbedre sin generelle utseende. Du kan tilpasse hvor bildene dine går til å balansere en side. Bilder må passe innenfor bredden på siden eller DIV (container) for at de skal vises ved siden av hverandre. Så, hvis du har to bilder (hver på 100 piksler bred), bredden på siden eller DIV bør være minst 200 piksler. Ellers vil det andre bildet skal flyttes til neste linje. Du kan bruke Cascading Style Sheets å plassere bilder på websiden.
Bruksanvisning
1 Velg "File" og "Open" i et tekstredigeringsprogram, for eksempel Notisblokk, EditPad eller TextPad. Dialogboksen Åpne vises. Dobbeltklikk på HTML-filen du ønsker å endre.
2 Rull under åpningen <BODY> tag og plassere markøren der du vil at bildene skal gå.
3 Kopier ( "Ctrl" og "C") og lim ( "Ctrl" og "V") følgende HTML-kode for å plassere bilder side-by-side:
<Div style = "width: 200px;">
<Img style = "width: 75px; høyde: 70 piksler; float: left;" />
<Img style = "width: 75px; høyde: 70 piksler; float: left;" />
</ Div>
4 Bytt bredden for "div style" til bredden av beholderen. Erstatt "image1.gif" og "image2.gif" med navnene på de faktiske bildefiler og endre sin høyde og bredde til riktige dimensjoner.
5 Velg "Fil" og "Lagre" for å oppdatere HTML-fil.