Slik viser bokser Side ved side i HTML

March 31

Når du setter inn tekstbokser i HTML-siden, kan du oppleve at det er mer fornuftig å plassere tekstbokser på siden ved siden av hverandre i stedet for en på toppen og en på bunnen. Når du viser tekstbokser ved siden av hverandre, er du i stand til å tillate en bruker å lese innholdet på siden uten å måtte bla nedover på siden for å kunne se den.

Bruksanvisning

1 Logg inn på din webserver og finn HTML siden der du vil vise boksene ved siden av hverandre.

2 Klikk på plasseringen av HTML-siden der du vil vise boksene. Stedet der du viser boksene må være et sted i mellom <body> og </ body> kodene.

3 Sett inn følgende HTML-kode:

<Table> <tr> <td valign = "top"> <div style = "border: 1px solid; overflow: auto; width: 200, høyde: 100;"> Tekst går her </ div> </ td> < td valign = "top"> <div style = "border: 1px solid; overflow: auto; width: 200, høyde: 100;"> Tekst går her </ div> </ td> </ tr> </ table>

4 Bytt begge tilfeller av "Text går her" med det faktiske innholdet som skal vises i boksene. Endre høyde og bredde tall for å øke eller redusere størrelsen på boksene.

5 Publiser siden.