Slik viser 2 divs Side ved side

Med Cascading Style Sheets, eller CSS for kort, kan du endre utseendet eller utformingen av nettstedet ditt ved hjelp av standard koding som kompenserer for uoverensstemmelser mellom ulike nettlesere og skjermer. Den "flyte" element, for eksempel, angir stillingen av en "div" container på siden i forhold til en annen i nærheten div. Du kan flyte de to divs for å gjøre dem vises side om side på websiden med bare noen få linjer med kode.

Bruksanvisning

1 Logg deg på Web vert og åpne filbehandleren. Laste CSS-fil for nettstedet i HTML eller CSS editor; navnet på CSS-filen typisk vil ha en "Css" forlengelse.

2 Bla ned til de to divs som du vil vise ved siden av hverandre. Sett "flyte" og "margin" attributter i hver CSS definisjon som følger:

div1 {width: 350 piksler; float: left; margin: 0 px}

DIV2 {width: 350 piksler; float: left; margin: 0 px}

Lagre CSS-filen.

3 Last HTML-dokumentet som inneholder de to divs du vil justere inn i HTML eller CSS editor. Sett inn følgende kode der du vil divs skal vises:

<Div> First div innhold </ div>

<Div> Second div innhold </ div>

Erstatte innholdet mellom åpning og lukking div koder med din egen og deretter lagre HTML-fil.

4 Åpne websiden som du nettopp redigerte i et nytt nettleser fane eller vindu. Hvis avstanden er slått av, gå tilbake og redigere CSS-filen, setter "margin" attributter til verdier som er større enn null. Verdien skal være identisk for begge divs.