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

555

Äänestä

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

    Takaisin ylös

    Luetuimmat keskustelut

    1. SDP jo 100 % suositumpi kuin persut

      Kertoo Hesarin uusin kannatuskysely. Demareiden kannatus on miltei tuplat verrattuna persuihinl. Suomen kansa ei selväst
      Maailman menoa
      72
      10542

    2. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      243
      4506

    3. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      156
      3905

    4. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      163
      3398

    5. PS ylivoimainen nousija myös HS:n gallupissa, SDP laskee taas

      https://www.verkkouutiset.fi/a/hs-gallup-sdpn-suosio-laskee-ps-nousussa/#0a7d2507 Ylivoimainen viime kuukausien nousija
      Maailman menoa
      43
      3159

    6. Valtavasti suomalaisia asunnottomina, mutta ei yhtään somalia

      tai muuta kehitysmaalaista. Mites tässä näin kävi? Tiedän hyvin, että esim. somaleita lentää ulos mm. Hekan asunnoista,
      Maailman menoa
      45
      2870

    7. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      32
      2400

    8. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      20
      1960

    9. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      62
      1726

    10. Sulla on avaimet ja keinot

      Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi
      Ikävä
      26
      1461
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt