HTML - palstojen muotoilu

Discussion in 'Vapaata keskustelua' started by ivryl, Dec 6, 2008.

  1. ivryl

    ivryl Member

    Joined:
    Jan 9, 2004
    Messages:
    45
    Likes Received:
    0
    Trophy Points:
    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. jippii12

    jippii12 Regular member

    Joined:
    Dec 7, 2005
    Messages:
    323
    Likes Received:
    0
    Trophy Points:
    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>
     
  3. ivryl

    ivryl Member

    Joined:
    Jan 9, 2004
    Messages:
    45
    Likes Received:
    0
    Trophy Points:
    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?
     

Share This Page