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.
Taulukko "valuu" yli reunojen
Pöpöhuu
4
492
Vastaukset
- overflowwwww
Määrittelet ominaisuuden "overflow" arvoon "scroll" kyseiselle elementille.
esim (css tiedostoa):
#foo {
overflow: scroll;
}
vaikka tuolta jos ei muuten aukene:
http://appro.mit.jyu.fi/etaopiskelu/www/luennot/luento4/- 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
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/viihde272930Ymmä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än342622- 1482284
Hullu liikenteessä?
Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.542259Niina 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-lahti241880Kun 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ää? Esimerkiks3911716Ano Turtiainen saa syytteet kansankiihoituksesta
Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään1051664- 3121569
- 1351469
Varokaa! Lunta voi sataa kohta!
Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm131456