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.
Vastaukset 4
- 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
Miksi vanhusraiskaajaa ei ole palautettu?
Ukkola kysyy Rantaselta, vaikka perussuomalaiset ovat olleet hallituksessa kolme ja puolivuotta. Rantasen vastaus on "3251424Suomi meni ihan itse sössimään peruskoulunsa
Nyt syytellään maahanmuuttoa, vaikka ihan itse lopetettiin vaatimaan oppilailta koulunkäynnin tarkoitus eli opiskelu ja3451326- 1061132
- 1111025
Tuli paha mieli miten kaikki meni meillä
Harmittaa myönnän sen, kun molemmilla oli selvästi toiveita ennen kuin sukset meni ristiin. Olen jäässä. 😔501008- 106940
Katri Helena rikkoi hiljaisuuden dramaattisella uutisella: "Elossa ja ilossa ollaan"
Katri Helena on sinivalkoinen ääni. Hänen klassikkohittinsä ovat tärkeä osa suomalaista kansanperintöä. Katri veti jääh22807- 111802
- 102692
- 77673