Näytä edellinen aihe :: Näytä seuraava aihe |
Kirjoittaja |
Viesti |
pikkuherkku -
Liittynyt: 08 Syy 2010 Viestejä: 4
|
Lähetetty: 28.9.2010 18:19 Viestin aihe: Venyvä sarake |
|
|
Eli pitäisi saada sivut toteutettua niin, että keskimmäinen sisältösarake olisi aina 800px leveä ja keskellä. Reunalla olevat "marginaalisarakkeet" venyisivät sitten näytön leveyden mukaan.
Eli esim. 1024px leveällä näytöllä reunasarakkeet olisivat molemmat 112px
tai
1600px leveällä molemmat olisivat 400px jne...
alla oleva kuva havainnollistaa. eli harmaa alue vakioleveydellä ja valkoiset näytön mukaan venyvänä. harmaa alue aina keskellä!
![](http://www.pikkuherkku.net/homma.gif) |
|
Takaisin alkuun |
|
SweetOne -
Liittynyt: 13 Lok 2009 Viestejä: 66 Paikkakunta: Espoo
|
Lähetetty: 29.9.2010 3:20 Viestin aihe: |
|
|
Kuinka paljon osaat xhtm ja css? Millä tavalla olet asetellut sivun? Jakanut sen kolmeen osaan? Käytätkö .css tiedostoa?
Jos osaat xhtm ja css ja olet jakanut sivun osiin ja käytät .css tiedostoa on sinua helppo auttaa tämän kanssa.
Hommahan menee näin, että teet osat vasen, keski ja oikea ja asettelet nyt xhtml tiedostoon tässä järjestyksessä. Sitten lisäät nämä koodit .css tiedostoon tähän tapaan:
Koodi: | #vasen{
background-color: black;
width: 2x;
text-align: center;
background-repeat: repeat-y;
}
|
Koodi: | background-repeat: repeat-x; | tällä keskiosa sitten levenee.
Vasen puoli on siis vasen marginaali. Keskiosa on tekstilaatikkosi jolle määrität myös oman värin ja leveyden ja sen pitäisi venyä mukana. Oikea puoli on sitten oikea marginaali.
Tosin tällä tavalla osiot venyvät tekstin mukaan eivät näytön leveyden mukaan. Toivottavasti tästä on jotain apua.
Mikäli et tajunnut tästä mitään niin aloita näistä.
http://www.w3schools.com/xhtml/
http://www.w3schools.com/css/
Kiitos.[/code] |
|
Takaisin alkuun |
|
Poistettu Vieras
|
Lähetetty: 30.9.2010 0:11 Viestin aihe: Poistettu |
|
|
Poistettu |
|
Takaisin alkuun |
|
SweetOne -
Liittynyt: 13 Lok 2009 Viestejä: 66 Paikkakunta: Espoo
|
Lähetetty: 30.9.2010 9:42 Viestin aihe: |
|
|
mjoo noihan toi menis yksinkertaisemmalla tavalla. |
|
Takaisin alkuun |
|
|