Taulukko "valuu" yli reunojen

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.

4

496

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • overflowwwww
      • Pöpöhuu

        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;}


      • ...
        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;
        }


    • Ridge

      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.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Nurmossa kuoli 2 Lasta..

      Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .
      Seinäjoki
      131
      7105
    2. Maisa on SALAKUVATTU huumepoliisinsa kanssa!

      https://www.seiska.fi/vain-seiskassa/ensimmainen-yhteiskuva-maisa-torpan-ja-poliisikullan-lahiorakkaus-roihuaa/1525663
      Kotimaiset julkkisjuorut
      165
      4350
    3. Vanhalle ukon rähjälle

      Satutit mua niin paljon kun erottiin. Oletko todella niin itsekäs että kuvittelet että huolisin sut kaiken tapahtuneen
      Ikävä
      54
      3442
    4. Mikko Koivu yrittää pestä mustan valkoiseksi

      Ilmeisesti huomannut, että Helenan tukijoukot kasvaa kasvamistaan. Riistakamera paljasti hiljattain kylmän totuuden Mi
      Kotimaiset julkkisjuorut
      493
      3096
    5. Purra hermostui A-studiossa

      Purra huusi ja tärisi A-studiossa 21.11.-24. Ei kykene asialliseen keskusteluun.
      Perussuomalaiset
      293
      2070
    6. Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!

      Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde
      Suomalaiset julkkikset
      36
      1733
    7. Kaksi lasta kuoli kolarissa Seinäjoella. Tutkitaan rikoksena

      Henkilöautossa matkustaneet kaksi lasta ovat kuolleet kolarissa Seinäjoella. Kolmas lapsi on vakasti loukkaantunut ja
      Maailman menoa
      20
      1651
    8. Miten meinasit

      Suhtautua minuun kun taas kohdataan?
      Ikävä
      91
      1563
    9. Miksi pankkitunnuksilla kaikkialle

      Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että
      Maailman menoa
      176
      1472
    10. Ensitreffit Hai rehellisenä - Tämä intiimiyden muoto puuttui suhteesta Annan kanssa: "Meillä ei..."

      Hai ja Anna eivät jatkaneet avioliittoaan Ensitreffit-sarjassa. Olisiko mielestäsi tällä parilla ollut mahdollisuus aito
      Ensitreffit alttarilla
      15
      1426
    Aihe