HTML - palstojen muotoilu

Viestiketju Vapaata keskustelua -osiossa. Ketjun avasi ivryl 06.12.2008.

  1. ivryl

    ivryl Member

    Liittynyt:
    09.01.2004
    Viestejä:
    45
    Kiitokset:
    0
    Pisteet:
    16
    Onko mahdollista saada nettisivulle tehtyä kaksi palstaa, joiden leveys on erilainen eri sivuilla?

    Tilanne on se, että tarkoitus olisi laittaa vasemman puoleiselle palstalle tekstit ja oikean puoleiselle palstalle tulisi kuvia. Eri sivuilla kuvat ovat eri kokoisia ja haluaisin saada määriteltyä palstat siten, että oikean puoleiselle palstalle mahtuu kuvat ja sitten loppu tila jää vasemman puoleisen käyttöön.

    Palstamäärittelyt olisi tarkoitus tehdä tyylitiedostossa ja palstoittamiseen käyttää div-komentoa.
     
  2.  
  3. jippii12

    jippii12 Regular member

    Liittynyt:
    07.12.2005
    Viestejä:
    323
    Kiitokset:
    0
    Pisteet:
    26
    tässäpä pikainen palstoitus:

    #left{
    width:800px;
    min-height:500px;
    margin-left:auto;
    margin-right:auto;
    background:#999;
    }

    #right{
    background:#ccc;
    width:200px;
    min-height:300px;
    float:right;
    }


    <div id="left">
    <div id="right">Oikea sisältö</div>
    Vasen sisältö
    </div>
     
  4. ivryl

    ivryl Member

    Liittynyt:
    09.01.2004
    Viestejä:
    45
    Kiitokset:
    0
    Pisteet:
    16
    Kiitokset, vaikkakin näin vähän myöhässä. Jouduin muokkaamaan tai siis yksinkertaistamaan aika paljon, että sain toimimaan kuten halusin. Laitoin tällä tavalla:

    tyylitiedostossa:
    #teksti
    {
    float:left;
    }

    #kuva
    {
    float:right;
    }

    ite sivulla:
    <div id="teksti">
    <div id="kuva">
    <img src="kuva1.png">
    <br>
    <img src="kuva2.png">
    </div>
    <p>Teksti
    </p>
    </div>

    Toimiiko tuo varmasti oikein?
     

Jaa tämä sivu