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

492

    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. Ensitreffit Jenni laukoo viinilasin ääressä suorat sanat Jyrkin aikeista: "Mä sanoin, että älä"

      Voi ei… Mitä luulet: kestääkö Jennin ja Jyrkin avioliitto vai päättyykö eroon? Lue lisää: https://www.suomi24.fi/viihde
      Ensitreffit alttarilla
      27
      2930
    2. Ymmärrän paremmin kuin koskaan

      Roikut kädessäni ja vedät puoleesi. Näen kuitenkin tämän kaiken lävitse ja kaikkien takia minun on tehtävä tämä. Päästän
      Tunteet
      34
      2622
    3. 148
      2284
    4. Hullu liikenteessä?

      Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.
      Kiuruvesi
      54
      2259
    5. Niina Lahtinen uudessa elämäntilanteessa - Kotiolot ovat muuttuneet merkittävästi: "Nyt on...!"

      Niina, tanssejasi on riemukasta seurata, iso kiitos! Lue Niinan haastattelu: https://www.suomi24.fi/viihde/niina-lahti
      Suomalaiset julkkikset
      24
      1880
    6. Kun Venäjä on tasannut tilit Ukrainan kanssa, onko Suomi seuraava?

      Mitä mieltä olette, onko Suomi seuraava, jonka kanssa Venäjä tasaa tilit? Ja voisiko sitä mitenkään estää? Esimerkiks
      NATO
      391
      1716
    7. Ano Turtiainen saa syytteet kansankiihoituksesta

      Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään
      Maailman menoa
      105
      1664
    8. Pyhäinpäivän aamua

      Oikein hyvää huomenta ja rauhallista päivää. ❄️😊🥱☕❤️
      Ikävä
      312
      1569
    9. Kunta ostaa kivitipun

      Kunnanjohtajan tuleva uusi ostokohde
      Lappajärvi
      135
      1469
    10. Varokaa! Lunta voi sataa kohta!

      Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm
      Maailman menoa
      13
      1456
    Aihe