Eli seuraavanlainen asemointi tai sen selvennys pitäisi saada sivulle div-elementeillä:
vasemmalla ja oikealla navigointipalkit ja keskellä yläpalkki ja sen alla tekstiosa.
Vasemman ja oikean navipalkin pitäisi pysyä keskiosan (ylä/tekstiosa)vieressä, vaikka 10px päässä näistä kummallakin puolella. ja nämä kolumnit olisivat 150px leveitä.
Sen sijaan keskiosalla olisi maksimileveys ja minimileveys, jota kapeammaksi keskikolumni siis ei menisi.
Tämä kaikki olisi sivulla keskitettynä.
Eli kolme kolumnia, jotka olisi keskitetty ruudun keskelle ja keskikolumnin koko muuttuisi maksimi/minimikon mukaan riippuen selainikkunan koosta ja vasemmalla ja oikealla puolella 10px:n päässä keskikolumnista olisivat kiinteälevyiset vasen ja oikea kolumni linkkipalkkeina.
Voisiko joku laittaa elementtien oikean järjestyksen html-koodissa ja mahdollisesti myös style-koodia.
asemointi diveillä 3 kolumnia
8
615
Vastaukset
- Walluska
http://img530.imageshack.us/img530/1461/nimetnfq6.jpg
Täällä on kuva siitä millaista rakennetta haen
Eli otikko-osa ja keskiosa venyvät min/max arvojen rajoissa ja vasen sekä oikea navipalkki tai kolumni seuraavat 10px:n etäisyydellä, siten että elementit on keskitetty ikkunassa.- Walluska
Walluska kirjoitti:
http://img341.imageshack.us/img341/5591/tmp7861lq2.jpg
Jos tämä linkki toimisi:(Vittu olkoon se kuva ;((
Saako kuvat näkyviin jonnekin muuhun kuin tonne ilman rekisteröintiä? - Walluska
Walluska kirjoitti:
http://img341.imageshack.us/img341/5591/tmp7861lq2.jpg
Jos tämä linkki toimisi:(Vittu olkoon se kuva ;((
Saako kuvat näkyviin jonnekin muuhun kuin tonne ilman rekisteröintiä?
- Walluska
http://www.munkuvat.org/kuvat/17771.jpeg
Kuvat ilmaiseksi nettiin - ejje
Tuossa on jonkinmoinen esimerkki http://www.pmob.co.uk/temp/3colfixedtest_explained.htm aikoinaan kun itse yritin vastaavaa saada toimimaan muullakuin 100% sivun leveydellä niin ei onnistunut.
Tosin http://www.456bereastreet.com/lab/equal_height_ii/ tuollatavalla se pitäisi tehdä, joskin IE ei tuota taida. Mutta yleensä tuo tehdään kolmipalstasella taulukolla ja sen muotoilut sitten CSS, siis hybridi toteutus (ei siis sitä paheksuttua taulukkotaittoa). - Poro1
muokata tuosta w3schools.com mallista:
---------------
body
{
margin-top: 120px;
}
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:#68a32b;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding-left: 0.5em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
W3Schools.com
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)
Free Web Building Tutorials
At W3Schools 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.
---------- Tuolta löytyy monenlaisia leiskoja:
http://blog.html.it/layoutgala/
http://www.intensivstation.ch/en/templates/
hieman soveltamalla saa tuon halutunlaisenkin.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 2024218
SDP haluaa 40 000 nettomaahanmuuttajaa
SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah1463778Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen
No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat953152Hienoa! Eduskunta luopui käteisen käytöstä
Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.431589Ikävä sinua mies
Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i191438Sulla on avaimet ja keinot
Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi251375Mikä tämä henkilö mahtaa touhuta Parkanossa
Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58331367Orpo loukkaantui fasismiin viittaavasta sanavalinnasta
Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk271341Kiinnostaa - ei kiinnosta - kiinnostaapas
Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt1161130Martina haluaa Marbellaan
Martinan tekisi mieli ottaa lennot Marbellaan, jossa näkisisi kauniita ja hyväntuulisia ihmisiä. No sitten pitää matkust2151053