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
513
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
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225214- 254378
- 272501
- 342264
- 372008
- 151918
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191607- 121531
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211267Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101184