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
514
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
- 743062
- 742944
- 681852
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä191772- 271681
- 241667
- 201640
- 481317
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91299Pettymys! Tähdet, tähdet -kisassa tämä erikoisjakso pois - Pistänyt artistit todella lujille!
Tähdet, tähdet -kisa on edennyt genrestä toiseen. Mutta erästä monen toivomaa erikoisjaksoa ei tällä kaudella nähdä. Voi311295