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
562
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
Persujen mukaan rasismi on huumoria
Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀1264605BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön
Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että2003825- 2093105
Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta
Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome1052973Hallitus on kaadettava ja Orpon on erottava
Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main652781- 1161560
HS 12/25 kysely: persut romahti, demarit raketoi
Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok51545- 601286
Aitolehti Capital
HehkuB on myynnissä, kovalla työllä saavutettu unelma joka sekin lässähti kuten kaikki mihin ryhtyy! Nyt Sewen asialle2431128MOT: Työmarkkinatori on olemattomien työpaikkojen hakupaikka
Työpaikkojen tietoja ei tarkisteta, ja ainakin noin noin 10% on olemattomia työpaikkoja ja sen lisäksi eri rekryfirmat t1211044