Taulukko "valuu" yli reunojen

Miten saisin taulukon pysymään paikallaan niin, että kun siihen tulee ns. "liikaa tekstiä" niin siihen taulukon viereen tulisi pieni scrollbar jos sitä siksi nyt kutsutaankaan tuota sivun oikealla puolella olevaa ylös ja alaspäin menevää palkkia.
4616
Äänestä

Muut lukivat myös

Vastaukset 4

Vanhimmat
  • Kokeilin tuolta linkistä eikä mikään onnistu. Ei ne CSS-jutut eikä HTML:tkään. :/ Mättääkö tässä CSS:ssä joku?

    A:link {text-decoration: none; color:#000080; cursor:move; font-weight:bold}
    A:hover {text-decoration: none; background:#000000; color:#000080; cursor:move}
    A:active {text-decoration: none; color:#000080; cursor:move; font-weight:bold}
    A:visited {text-decoration: none; color:#000080; cursor:move; font-weight:bold}

    body
    { font-family: Verdana;
    color: #000000;
    font-size: 8pt;

    scrollbar-face-color: #FF1493;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #40E0D0;

    background-image: url(joku.jpg); background-repeat:no-repeat; background-position:top center}

    .scroll {
    overflow: scroll;
    width: 15%;
    background-color: yellow;
       border: 1px solid;
       float: left;
    clear: both;
    margin: 1em;
    }

    .mwotsikko {
    font-family: Verdana;
    color: #000000;
    font-size: 15pt;}

    Äänestä

  • Pöpöhuu kirjoitti:

    Kokeilin tuolta linkistä eikä mikään onnistu. Ei ne CSS-jutut eikä HTML:tkään. :/ Mättääkö tässä CSS:ssä joku?

    A:link {text-decoration: none; color:#000080; cursor:move; font-weight:bold}
    A:hover {text-decoration: none; background:#000000; color:#000080; cursor:move}
    A:active {text-decoration: none; color:#000080; cursor:move; font-weight:bold}
    A:visited {text-decoration: none; color:#000080; cursor:move; font-weight:bold}

    body
    { font-family: Verdana;
    color: #000000;
    font-size: 8pt;

    scrollbar-face-color: #FF1493;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #40E0D0;

    background-image: url(joku.jpg); background-repeat:no-repeat; background-position:top center}

    .scroll {
    overflow: scroll;
    width: 15%;
    background-color: yellow;
       border: 1px solid;
       float: left;
    clear: both;
    margin: 1em;
    }

    .mwotsikko {
    font-family: Verdana;
    color: #000000;
    font-size: 15pt;}

    Eli siis tarkoituksesi oli määrittää taulukolle scroll ominaisuus, eli siis määritä se overflow taulukolle:

    Table{
    Erinäisiä
    tekemiäsi
    määrityksiä..

    overflow: scroll;
    }

    Äänestä

Taulukon soluun pitää laittaa div, ei toimi muuten..

Esim:




#scroll {
width: 200px;
height: 100px;
overflow: auto;
}







Pöpöhuu



Miten saisin taulukon pysymään paikallaan niin, että kun siihen tulee ns. "liikaa tekstiä" niin siihen taulukon viereen tulisi pieni scrollbar jos sitä siksi nyt kutsutaankaan tuota sivun oikealla puolella olevaa ylös ja alaspäin menevää palkkia.

Äänestä

Kommentoi aloitusta


Pöpöhuu kirjoitti:

Miten saisin taulukon pysymään paikallaan niin, että kun siihen tulee ns. "liikaa tekstiä" niin siihen taulukon viereen tulisi pieni scrollbar jos sitä siksi nyt kutsutaankaan tuota sivun oikealla puolella olevaa ylös ja alaspäin menevää palkkia.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu