ZeroShade Posted October 8, 2006 Share Posted October 8, 2006 my scrollbar changes don't work. When i place it into the body of the external css file, its just doens't work.. the code is right, because i've done it before, would it be beacuse i have other code in my body? Link to comment Share on other sites More sharing options...
real_illusions Posted October 8, 2006 Share Posted October 8, 2006 scrollbar changes??the only scrollbar changes i know of are to change the colour, and that only affects explorer as its microsoft only tags.is that you mean?without seeing your code, i cant nor anyone else will be able help any further.. Link to comment Share on other sites More sharing options...
ZeroShade Posted October 9, 2006 Author Share Posted October 9, 2006 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head profile="http://gmpg.org/xfn/11"> <!-- Martin vanPutten, Assignment 2 - Branding And The Web --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Coca-Cola</title> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <img src="logo.gif" alt="" /> <h2 id="navtitle">Navigation</h2> <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="info.html">Company</a></li> <li><a href="flavors.html">Flavors</a></li> <li><a href="diet.html">Diet</a></li> <li><a href="products.html">Products</a></li> <li><a href="collect.html">Collectables</a></li> </ul> </div> <div id="main"> <h1><strong>Coca-Cola</strong></h1> <h2>Welcome!</h2> <h4>Coca-Cola is proud to present our newest product! The Coca-Cola Blak! Now coffee lovers can rejoice while drinking their favorite brand of cola, Coca-Cola!</h4> <p />This is the one website where you can find everything on or about Coca-Cola. We don't just offer that amazing flavor of cola, but other products as well such as Five Alive or Frutopia. But it doesn't stop there! Check out the collectables to see what there really is out there in the world of Coca-Cola! <p /><div id="info"> <address> Coca-Cola Enterprises Inc. · 2500 Windy Ridge Parkway · Suite 700 · Atlanta, GA 30339 · UNITED STATES <br />Tel. (770) 989-3000 · Fax. (770) 989-3788 </address> <br />© 2006 The Coca-Cola Company, All rights reserved. "Coca-Cola" is a registered trademark of The Coca-Cola Company. </div> </div> </body></html> /* Martin vanPutten, Assignment 2 - Branding And The Web */ body{ background-image: url(background.jpg); color:#ffffff; font-family:sans-serif, verdana; font-size:10pt; scrollbar-3dlight-color:; scrollbar-arrow-color:black; scrollbar-base-color:black; scrollbar-darkshadow-color:black; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-shadow-color:black;}img{ position:absolute; top:0px; left:200px;}#navtitle{ position:absolute; top:260px; left:25px; font-style:oblique; color:#ffffff; border-width:3px; border-bottom:solid; border-color:#ffffff;}#nav{ position:absolute; top:300px; left:0px; width:120px;}li{ display:block; float:left; padding:10px;}a{ color:#ffffff; font-style:oblique;}#main{ position:absolute; top:230px; left:200px; display:block; width:600px;}#info{ position:absolute; top:700px; left:200px;}a:link{ text-decoration:none;}a:visited{ text-decoration:none;}a:hover{ text-decoration:underline; border-color:#ffffff; border-style:outset; color:#ffffff;}a:active{ color:#ffffff;} #info{ border-color:#ffffff; border-top:solid; border-width:1px; color:#ffffff; text-align:center; font-size:8pt; position:absolute; top:130%; left:0px;} sorry, that didn't work right... but u get the idea. Link to comment Share on other sites More sharing options...
Err Posted October 9, 2006 Share Posted October 9, 2006 Try this: html, body{background-image: url(background.jpg);color:#ffffff;font-family:sans-serif, verdana;font-size:10pt;scrollbar-3dlight-color:;scrollbar-arrow-color:black;scrollbar-base-color:black;scrollbar-darkshadow-color:black;scrollbar-face-color:black;scrollbar-highlight-color:black;scrollbar-shadow-color:black;scrollbar-track-color:;} Link to comment Share on other sites More sharing options...
ZeroShade Posted October 9, 2006 Author Share Posted October 9, 2006 Thank you... it works. What a relief... thank you very much!! Link to comment Share on other sites More sharing options...
BiteMe Posted October 9, 2006 Share Posted October 9, 2006 Scrollbar attribute's wont validate though my friend. Link to comment Share on other sites More sharing options...
ZeroShade Posted October 9, 2006 Author Share Posted October 9, 2006 why not? how can i get it to validate? Link to comment Share on other sites More sharing options...
Err Posted October 10, 2006 Share Posted October 10, 2006 Because only Internet Explorer displays them. You can't get that CSS to validate. You can have them on your web page(s), however they will not appear in different browsers like Firefox, Opera, etc... Link to comment Share on other sites More sharing options...
boen_robot Posted October 10, 2006 Share Posted October 10, 2006 why not? how can i get it to validate?Because they are Microsoft's invention and as such, only they support it.The only way to keep your stylesheet valid and still use scrollbars is to place the scrollbars in IE only stylesheet called with another invention of Microsoft- conditional comments. Link to comment Share on other sites More sharing options...
ZeroShade Posted October 11, 2006 Author Share Posted October 11, 2006 Ok, so I have separated the scrollbar attribute and put them into iestyles.css and made another link for a second style sheet in the xhtml document. But its not working. Heres my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head profile="http://gmpg.org/xfn/11"> <!-- Martin vanPutten, Assignment 2 - Branding And The Web --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Coca-Cola</title> <link rel="stylesheet" href="styles.css" type="text/css" /> <link red="stylesheet" href="iestyles.css" type="text/css" /> </head> <body> <div id="title"> <img src="logo.gif" alt="" /> </div> <h2 id="navtitle">Navigation</h2> <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="info.html">Company</a></li> <li><a href="flavors.html">Flavors</a></li> <li><a href="diet.html">Diet</a></li> <li><a href="products.html">Products</a></li> <li><a href="collect.html">Collectables</a></li> </ul> </div> <div id="main"> <h1><strong>Coca-Cola</strong></h1> <h2>Welcome!</h2> <h4>Coca-Cola is proud to present our newest product! The Coca-Cola Blak! Now coffee lovers can rejoice while drinking their favorite brand of cola, Coca-Cola!</h4> <p />This is the one website where you can find everything on or about Coca-Cola. We don't just offer that amazing flavor of cola, but other products as well such as Five Alive or Frutopia. But it doesn't stop there! Check out the collectables to see what there really is out there in the world of Coca-Cola! <p /><div id="info"> <address> Coca-Cola Enterprises Inc. · 2500 Windy Ridge Parkway · Suite 700 · Atlanta, GA 30339 · UNITED STATES <br />Tel. (770) 989-3000 · Fax. (770) 989-3788 </address> <br />© 2006 The Coca-Cola Company, All rights reserved. "Coca-Cola" is a registered trademark of The Coca-Cola Company. </div> </div> </body></html> /* Martin vanPutten, Assignment 2 - Branding And The Web *//* Main Styles */ html, body{ background-image: url(background.jpg); color:#ffffff; font-family:sans-serif, verdana; font-size:10pt;}#title{ position:absolute; top:0px; left:200px;}#navtitle{ position:absolute; top:260px; left:25px; font-style:oblique; color:#ffffff; border-width:3px; border-bottom:solid; border-color:#ffffff;}#nav{ position:absolute; top:300px; left:0px; width:120px;}li{ display:block; float:left; padding:10px;}a{ color:#ffffff; font-style:oblique;}#main{ position:absolute; top:230px; left:200px; display:block; width:600px;}a:link{ text-decoration:none;}a:visited{ text-decoration:none;}#nav a:hover{ text-decoration:underline; border-color:#ffffff; border-style:outset; color:#ffffff;}a:active{ color:#ffffff;} #info{ border-color:#ffffff; border-top:solid; border-width:1px; color:#ffffff; text-align:center; font-size:8pt; position:absolute; top:130%; left:0px;}/* Collectables Styles */#collectpic{ position:absolute; top:200px; left:600px;}/* Products Styles */#letters{ color:#ffffff; text-align:center; border-width:1px; border-bottom:solid; border-top:solid; border-color:#ffffff; list-style-type:none;}#letters a:hover{ text-decoration:underline; border-color:#ffffff; border-style:outset; color:#ffffff;}#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o, #p, #q, #r, #s, #t, #u, #v, #w, #x, #y, #z,{ width:500px; border-width:1px; border-bottom:dashed; border-top:dashed; border-color:#ffffff;}#letterprod{ font-size:8pt; font-style:italic;}#infoprod{ border-color:#ffffff; border-top:solid; border-width:1px; color:#ffffff; text-align:center; font-size:8pt;} /* Martin vanPutten, Assignment 2 - Branding And The Web *//* IE Scrollbar Style */ html, body{ scrollbar-3dlight-color:#ff0000; scrollbar-arrow-color:#000000; scrollbar-base-color:#ff0000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000;} nvm, i got it, i wrote ref wrong, i spelt it red. Link to comment Share on other sites More sharing options...
boen_robot Posted October 11, 2006 Share Posted October 11, 2006 Who said it's going to work? I only said the main stylesheet is going to be valid. Valid doesn't mean working.And by the way, you're not using a conditional comment. Turn: <link red="stylesheet" href="iestyles.css" type="text/css" /> into <!--[if IE]><link red="stylesheet" href="iestyles.css" type="text/css" /><[endif]--> [edit] Shame on me. I should have noticed that [/edit] Link to comment Share on other sites More sharing options...
Jonas Posted October 12, 2006 Share Posted October 12, 2006 <link red="stylesheetShouldn't that be<link rel="stylesheet" Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now