Jump to content

scrollbar


ZeroShade
 Share

Recommended Posts

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

<!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

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

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

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...