Miten saadaan kaksi div-valikkoa peräkkäin siten, että ne pysyvät samalla rivillään eli tasolla?
Yleensä kun laittaa kaksi div-valikkoa peräkkäin niin toinen hypähtää edellisen alle. Että eikö niitä saa asetettua vierekkäin.
Esimerkki:
asiaa
lisää asiaa
Noin tekemällä ne valikot tulevat allekkain.
Yleensä kun laittaa kaksi div-valikkoa peräkkäin niin toinen hypähtää edellisen alle. Että eikö niitä saa asetettua vierekkäin.
Esimerkki:
asiaa
lisää asiaa
Noin tekemällä ne valikot tulevat allekkain.
Vastaukset 2
Vanhimmat
tällaista:
-----------
SIVUT ILMAN TAULUKOITA:
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
OTSIKKO
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)
Free Web Building Tutorials
you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
W3Schools - The Largest Web Developers Site On The Net!
Copyright 1999-2005 by Refsnes Data.
Pane div-elementit div-elementin sisään, asemoi uloin div-elementti suhteellisesti ja sisemmät elementit absoluuttisesti. Jos kyse on sivun ylimmän tason rakenteesta, riittää, että asemoit div-elementit absoluuttisesti, koska body-elementti hoitaa tällöin uloimman div-elementin tehtävän.
Tätä varten pitää ainakin yhdelle elementille asettaa leveys, joka kannattaa asettaa em-yksikköä käyttäen.
Ks. esim.
http://www.cs.tut.fi/~jkorpela/styles/layout.html