Kirjaudu sisäänKäyttäjätunnusSalasana
Kirjaa minut aina sisään automaattisesti    
Rekisteröidy
Rekisteröidy
Kirjaudu sisään tarkistaaksesi yksityiset viestit
Kirjaudu sisään tarkistaaksesi yksityiset viestit
Arkku.net Foorumin päävalikko » Ohjelmointi

Lähetä uusi viesti   Vastaa viestiin
Venyvä sarake
Näytä edellinen aihe :: Näytä seuraava aihe  
Kirjoittaja Viesti
pikkuherkku
-


Liittynyt: 08 Syy 2010
Viestejä: 4

LähetäLähetetty: 28.9.2010 18:19    Viestin aihe: Venyvä sarake Vastaa lainaamalla viestiä

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ä!

Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti
SweetOne
-


Liittynyt: 13 Lok 2009
Viestejä: 66
Paikkakunta: Espoo

LähetäLähetetty: 29.9.2010 3:20    Viestin aihe: Vastaa lainaamalla viestiä

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. Smile

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
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti
Elekaz
-


Liittynyt: 04 Mar 2005
Viestejä: 467
Paikkakunta: Helsinki

LähetäLähetetty: 30.9.2010 0:11    Viestin aihe: Vastaa lainaamalla viestiä

Uskaltaisimpa melkein väittää ettet noilla koodeilla saa mitään aikaiseksi, joten oletan että liittämisessä on tapahtunut virhe. Ketjun aloittaja osannee soveltaa seuraavasta esimerkistä. Valmista koodia en anna.

Yksinkertaisimillaan menisi siis jotakuinkin näin:
Koodi:
<div style="margin:0em auto 0em auto;width:30em;border:0.1em solid black"> keskitetty? </div>

_________________
Using windows is like having sex without condom.
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
SweetOne
-


Liittynyt: 13 Lok 2009
Viestejä: 66
Paikkakunta: Espoo

LähetäLähetetty: 30.9.2010 9:42    Viestin aihe: Vastaa lainaamalla viestiä

mjoo noihan toi menis yksinkertaisemmalla tavalla.
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti
Näytä edelliset viestit:   
Lähetä uusi viesti   Vastaa viestiin    Arkku.net Foorumin päävalikko » Ohjelmointi Kaikki ajat ovat GMT + 3 tuntia
Sivu 1 Yht. 1

 
Siirry:  
Et voi kirjoittaa uusia viestejä tässä foorumissa
Et voi vastata viesteihin tässä foorumissa
Et voi muokata viestejäsi tässä foorumissa
Et voi poistaa viestejäsi tässä foorumissa
Et voi äänestää tässä foorumissa