Scrollbarin värien määrityshän ei siis toimi Mozillalla. Nyt kun tähän koneelle on asennettu ie:n lisäksi mozilla firefox ja teen sivujani, scrollbarien värit eivät toimi vaikka esikatselisin sivujani ie:llä ja ie on vielä oletusselainkin. Stylesheetissäni ei pitäisi mitään vikaa olla, mutta laitan sen varalta tähän vielä:
body{
font-family: Arial;
color: black;
font-size: 11px;
line-height: 12px;
margin-left:1px;
margin-top:1px;
scrollbar-face-color: "#ffffff";
scrollbar-highlight-color: "#ffffff";
scrollbar-3dlight-color: "#ffffff";
scrollbar-darkshadow-color: "#ffffff";
scrollbar-shadow-color: "#ffffff";
scrollbar-arrow-color: "#000000";
scrollbar-track-color: "#ffffff";
}
A:link {color:gray;text-decoration: none;}
A:hover {color:gray;cursor:crosshair;}
A:active {color:gray;text-decoration: none;}
A:visited {color:gray;text-decoration:none; }
body{
font-family: Arial;
color: black;
font-size: 11px;
line-height: 12px;
margin-left:1px;
margin-top:1px;
scrollbar-face-color: "#ffffff";
scrollbar-highlight-color: "#ffffff";
scrollbar-3dlight-color: "#ffffff";
scrollbar-darkshadow-color: "#ffffff";
scrollbar-shadow-color: "#ffffff";
scrollbar-arrow-color: "#000000";
scrollbar-track-color: "#ffffff";
}
A:link {color:gray;text-decoration: none;}
A:hover {color:gray;cursor:crosshair;}
A:active {color:gray;text-decoration: none;}
A:visited {color:gray;text-decoration:none; }
Vastaukset 12
Vanhimmat
..että koska scrollbarien värimääritykset eivät kuulu css-tardardin mihinkään versioon niin ei ole selaimelta moka eikä mikään jolleivät nuo toimi.
Katoppa miten hienon sivun TopStyle teki tuon koodin pohjalta:
TopStyle Pro 3.10 Style Checker Results
TopStyle Pro 3.10 Style Checker Results
Untitled-1
ErrorWarningHintTip
General (0 errors, 0 warnings)
Selector
Description
body
Netscape 4 ignores the BODY style inside tables, so consider adding TD to this selector.
body
When a foreground color is defined, it is recommended to also define a background color.
A:link
When a foreground color is defined, it is recommended to also define a background color.
A:hover
When a foreground color is defined, it is recommended to also define a background color.
A:active
When a foreground color is defined, it is recommended to also define a background color.
A:visited
When a foreground color is defined, it is recommended to also define a background color.
CSS Level 1 (9 errors, 1 warnings)
Selector
Description
body
A generic family name should be included here. Consider adding sans-serif to the end of your font list.
body
Property scrollbar-face-color does not exist in this definition.
body
Property scrollbar-highlight-color does not exist in this definition.
body
Property scrollbar-3dlight-color does not exist in this definition.
body
Property scrollbar-darkshadow-color does not exist in this definition.
body
Property scrollbar-shadow-color does not exist in this definition.
body
Property scrollbar-arrow-color does not exist in this definition.
body
Property scrollbar-track-color does not exist in this definition.
A:hover
Pseudo-class :hover isn't supported by this style definition.
A:hover
Property cursor does not exist in this definition.
CSS Level 2 (7 errors, 1 warnings)
Selector
Description
body
A generic family name should be included here. Consider adding sans-serif to the end of your font list.
body
Property scrollbar-face-color does not exist in this definition.
body
Property scrollbar-highlight-color does not exist in this definition.
body
Property scrollbar-3dlight-color does not exist in this definition.
body
Property scrollbar-darkshadow-color does not exist in this definition.
body
Property scrollbar-shadow-color does not exist in this definition.
body
Property scrollbar-arrow-color does not exist in this definition.
body
Property scrollbar-track-color does not exist in this definition.
14.1.2005
Muiden sivujen värimääritykset scrollbareissa toimii kyllä, mutta omieni ei. Vielä muutama päivä sitten nekin toimivat mutta eivätpä enää. Entisissä kotisivuissani scrollbarien värit myös toimivat mutta kun kopioin koodin nykyisille sivuilleni ja katselen niitä, niin lakkaavat toimimasta.
Värin ympärillä ne lainausmerkit? Niin kun on tuossa koodissa jonka viestiisi laitoit "#ffffff";
Kokeile poistaa lainausmerkit...
Juu hoksasin itekki ja poistin jo mutta ei vaikuttanu. Ja on ne ennen toiminu nuiden lainausmerkkienki kanssa.
Koodi toimii ainakin minulla kun pistän sen tälläisenä html sivun head osaan:
body{
font-family: Arial;
color: black;
font-size: 11px;
line-height: 12px;
margin-left:1px;
margin-top:1px;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
Mäkin olen yrittänyt saada värillistä scrollbaria. Mutta en edes saanu noita teidän koodeja toimimaan. Pitääkö se laittaa siihen iframen oman koodin sekaan, vai sen sivun koodin sekaan jossa se iframe on? Jos haluaa laittaa neliön jossa on tekstiä ja oma scrollbar niin onko iframe paras tapa siihen? Onko muita vaihtoehtoja (kuitenkin niin että se scrollbar on siinä vieressä, ei ikkunan scrollbar joka sitä ohjailee)? Saako sen silleen ettei sitä ala scrollbaria tule?
Minä myös olen yrittänyt saada värillistä scrollbaria. En ole saanut vielä toimimaan.
Jee mä löysin vastauksen probleemaan!! Vähänkö tää on rassannu mua koko viikon.
Elikkäs rupes pelittään heti kun lisäsin body-tagin jälkeen ,html.
vastaus löyty täältä:
http://www.allmyfaqs.com/faq.pl?Scrollbar_color
joten kiitos vaan tälle tyypille.
Lisäsin varipalkin koodit ja nyt tässä taitaa olla turhan paljon koodia. Eli miten pitää oikeasti olla?
Väripalkin väri vaihtui minullakin lopulta.
..ottamatta mitenkään kantaa määritysten järkevyyteen..
Paljon kiitoksia, Tõppõ.
Paljon kiitoksia Tõppõ.