ZeroShade
-
Posts
186 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by ZeroShade
-
Sorted!! Thanks a million. I sometimes wonder how people like you know this stuff... like to do that "//"... well... I guess I know now .
-
Syntax error at line 10, which is the CDATA code.
-
I tried that just before I replied to your message... it doesn't work there either... I just prefer my javascript in the head section.
-
Ok... your right, it does validate... but the javascript doesn't work. It gives me a script error in the browser. Did I place the code in wrong? <!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 rel="stylesheet" href="iestyles.css" type="text/css" /> <script type="text/javascript"><![CDATA[<!-- Original: Kurt Grigg (kurt.grigg@virgin.net) --><!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript --><!-- This script and many more are available free online at --><!-- The JavaScript Source!! http://javascript.internet.com --><!-- This script has been modified by I, Martin vanPutten to better suit the pages. -->Image0 = new Image();Image0.src = "bub.gif";Amount = 10; Ymouse = -50;Xmouse = -50;Ypos = new Array();Xpos = new Array();Speed = new Array();rate = new Array();grow = new Array();Step = new Array();Cstep = new Array();nsSize = new Array();ns = (document.layers)?1:0;(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt) {Ymouse=(document.layers)?evnt.pageY-20:event.y-20;Xmouse=(document.layers)?evnt.pageX:event.x;}(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;for (i = 0; i < Amount; i++) {Ypos[i] = Ymouse;Xpos[i] = Xmouse;Speed[i] = Math.random()*4+1;Cstep[i] = 0;Step[i] = Math.random()*0.1+0.05;grow[i] = 8;nsSize[i] = Math.random()*15+5;rate[i] = Math.random()*0.5+0.1;}if (ns) {for (i = 0; i < Amount; i++) {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); }}else {document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 0; i < Amount; i++) {document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');}document.write('</div></div>');}function MouseBubbles() {var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;for (i = 0; i < Amount; i++){sy = Speed[i] * Math.sin(270 * Math.PI / 180);sx = Speed[i] * Math.cos(Cstep[i] * 4);Ypos[i] += sy;Xpos[i] += sx; if (Ypos[i] < -40) {Ypos[i] = Ymouse;Xpos[i] = Xmouse;Speed[i] = Math.random() * 6 + 4;grow[i] = 8;nsSize[i] = Math.random() * 15 + 5;}if (ns) {document.layers['sn'+i].left = Xpos[i] + wscrll;document.layers['sn'+i].top = Ypos[i] + hscrll;}else {si[i].style.pixelLeft = Xpos[i] + wscrll;si[i].style.pixelTop = Ypos[i] + hscrll;si[i].style.width = grow[i];si[i].style.height = grow[i]; }grow[i] += rate[i]; Cstep[i] += Step[i];if (grow[i] > 24) grow[i] = 25;}setTimeout('MouseBubbles()', 10);}MouseBubbles();]]></script> </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" title="Home page.">Home</a></li> <li><a href="info.html" title="Company information.">Company</a></li> <li><a href="flavors.html" title="Different Coke flavors.">Flavors</a></li> <li><a href="diet.html" title="Diet Coke.">Diet</a></li> <li><a href="products.html" title="Every Coca-Cola product.">Products</a></li> <li><a href="collect.html" title="Coca-Cola collectables.">Collectables</a></li> <li><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" id="validate" /></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>
-
Sorry, that doesn't work at all... the script does nothing. Is it even possible to validate it?
-
It didn't do the trick. There were 15 errors before, now there are 16. Is it possible to put javascript in an external document, kind of like a stylesheet, because that would fix the problem for sure!
-
Before I added javascript to the page, the xhtml validated and everything was good. Now that I have javascript in the page, it doesn't want to validate. Can somebody help me validate and fix this page? <!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 rel="stylesheet" href="iestyles.css" type="text/css" /> </head> <body> <script LANGUAGE="JavaScript"><!-- Original: Kurt Grigg (kurt.grigg@virgin.net) --><!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript --><!-- This script and many more are available free online at --><!-- The JavaScript Source!! http://javascript.internet.com --><!-- This script has been modified by I, Martin vanPutten to better suit the pages. -->Image0 = new Image();Image0.src = "BubBlack.gif";Amount = 10; Ymouse = -50;Xmouse = -50;Ypos = new Array();Xpos = new Array();Speed = new Array();rate = new Array();grow = new Array();Step = new Array();Cstep = new Array();nsSize = new Array();ns = (document.layers)?1:0;(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt) {Ymouse=(document.layers)?evnt.pageY-20:event.y-20;Xmouse=(document.layers)?evnt.pageX:event.x;}(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;for (i = 0; i < Amount; i++) {Ypos[i] = Ymouse;Xpos[i] = Xmouse;Speed[i] = Math.random()*4+1;Cstep[i] = 0;Step[i] = Math.random()*0.1+0.05;grow[i] = 8;nsSize[i] = Math.random()*15+5;rate[i] = Math.random()*0.5+0.1;}if (ns) {for (i = 0; i < Amount; i++) {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); }}else {document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 0; i < Amount; i++) {document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');}document.write('</div></div>');}function MouseBubbles() {var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;for (i = 0; i < Amount; i++){sy = Speed[i] * Math.sin(270 * Math.PI / 180);sx = Speed[i] * Math.cos(Cstep[i] * 4);Ypos[i] += sy;Xpos[i] += sx; if (Ypos[i] < -40) {Ypos[i] = Ymouse;Xpos[i] = Xmouse;Speed[i] = Math.random() * 6 + 4;grow[i] = 8;nsSize[i] = Math.random() * 15 + 5;}if (ns) {document.layers['sn'+i].left = Xpos[i] + wscrll;document.layers['sn'+i].top = Ypos[i] + hscrll;}else {si[i].style.pixelLeft = Xpos[i] + wscrll;si[i].style.pixelTop = Ypos[i] + hscrll;si[i].style.width = grow[i];si[i].style.height = grow[i]; }grow[i] += rate[i]; Cstep[i] += Step[i];if (grow[i] > 24) grow[i] = 25;}setTimeout('MouseBubbles()', 10);}MouseBubbles();</script> <div id="title"> <img src="logo.gif" alt="" /> </div> <h2 id="navtitle">Navigation</h2> <div id="nav"> <ul> <li><a href="index.html" title="Home page.">Home</a></li> <li><a href="info.html" title="Company information.">Company</a></li> <li><a href="flavors.html" title="Different Coke flavors.">Flavors</a></li> <li><a href="diet.html" title="Diet Coke.">Diet</a></li> <li><a href="products.html" title="Every Coca-Cola product.">Products</a></li> <li><a href="collect.html" title="Coca-Cola collectables.">Collectables</a></li> <li><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" id="validate" /></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>
-
I tried that to... it didn't work. But would that be because i put the id in a list... or should the id go in the image?that was it... thank you again.
-
I had my page validated and it passed. So I placed the validation link in my code. But, I don't like the blue link border around it so I set the border to 0. But when I went to validate it after that, it doesn't like the border="0". How can I take that blue link border away and have it validated?
-
Ohhh! I see... i had another li that was affecting it as well. WOW!! Its so simple now. Thank you very much.
-
I'm not getting this. Somebody told me earlier that the inline would set it "inline"... didn't work anyway. So I took that out... put the div id around the A's only and then set the style sheet like this: #list li{ padding:10px;}I've already used #nav so in this case i'm using #list. Its still not doing anything though.
-
Ok... so what i did to see if it would work was... I took all the "A"'s and changed the <li> to <li id="list"> and then in my style sheet, #list li{ display:inline; padding:10px;}But its not doing anything. Whats wrong?
-
Sorry! I don't mean a horizontal line. I mean a verticle line from top to bottom. Yah, I know... I don't like the horizontal scrollbar either. Sorry to put you through the trouble of finding out 1265%. Is it possible to put it in one verticle line?
-
Yes... I just want it in one row so that its easier to look at. The pre and nowrap don't help though... I don't understand what their suppose to do either?
-
Ok... put up a brief page on geocities... cause its free . Heres the link: http://www.geocities.com/links_chip/products.html
-
I switched it to inline, but there not inline... I experimented with the ul li and the div id combined and it doesn't work either... what could I be doing wrong?
-
Ok, lets see if I can do this right to get the picture up. As you can see, i would like the list of items shown in a single row.
-
I see that 149 people have looked at this page... does anybody know how to do what I'm asking? Or can it not be done?
-
Can somebody please help me. With its current position it looks really bad in firefox. What can I do to fix this?
-
no i don't, sorry, i guess all u can do is copy and paste it into notepad. Its just a little something i'm working on to get better at the code.
-
I don't know what to do with this list I have going on. I want it to look nice and fill the area, and be able to look the same on all browsers... can somebody help me with the code? I'm having a brain ######. /* 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;} <!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 - Products</title> <link rel="stylesheet" href="styles.css" type="text/css" /> <link rel="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 id="top">Coca-Cola</h1> <h2>Products</h2> <p />Coca-Cola has many products that the company deals in. Here is a list of the products that are current to this date: <p id="letters" /><a href="#a">A</a> - <a href="#b">B</a> - <a href="#c">C</a> - <a href="#d">D</a> - <a href="#e">E</a> - <a href="#f">F</a> - <a href="#g">G</a> - <a href="#h">H</a> - <a href="#i">I</a> - <a href="#j">J</a> - <a href="#k">K</a> - <a href="#l">L</a> - <a href="#m">M</a> - <a href="#n">N</a> - <a href="#o">O</a> - <a href="#p">P</a> - <a href="#q">Q</a> - <a href="#r">R</a> - <a href="#s">S</a> - <a href="#t">T</a> - <a href="#u">U</a> - <a href="#v">V</a> - <a href="#w">W</a> - <a href="#x">X</a> - <a href="#y">Y</a> - <a href="#z">Z</a> <div id="letterprod"> <p /><ul id="a"> <li>A&W</li> <li>Alive</li> <li>Andina Frut</li> <li>Aquactive</li> <li>Aybal-Kin</li> <li>Ades</li> <li>Ambasa</li> <li>Andina Nectar</li> <li>Aquana</li> <li>Alhambra*</li> <li>Andina Fortified</li> <li>Aqua</li> <li>Aquarius</li> <li>Ali</li> <li>Andina Fresh</li> <li>Aquabona</li> <li>Arwa</li> </ul> <a href="#top">Back to top</a> <p /><ul id="b"> <li>Bacardi Mixers*</li> <li>Barq's Floatz</li> <li>Bibo</li> <li>Bimbo Break</li> <li>Bjare</li> <li>BonAqua/BonAqa</li> <li>Burn</li> <li>Bacardi Premium Mixers*</li> <li>Beat</li> <li>Big Crush</li> <li>Bird's Nest*</li> <li>BlackFire</li> <li>BPM</li> <li>Bankia</li> <li>Beltè</li> <li>Big Tai</li> <li>Bistra</li> <li>Boco</li> <li>Bright & Early</li> <li>Barq's</li> <li>Beverly</li> <li>Bimbo</li> <li>Bistrone</li> <li>Bom Bit Maesil</li> <li>Bubbly</li> </ul> <a href="#top">Back to top</a> <p /><ul id="c"> <li>CAFE ZU</li> <li>caffeine free diet Inca Kola</li> <li>Cappy</li> <li>Cepita</li> <li>cherry Coke</li> <li>Citra</li> <li>Coca-Cola Blak</li> <li>Coca-Cola with Lime</li> <li>Coke II</li> <li>Crystal</li> <li>caffeine free Barq's</li> <li>Calypso</li> <li>Caprice</li> <li>Charrua</li> <li>Chinotto</li> <li>Club</li> <li>Coca-Cola C2</li> <li>Coca-Cola with Raspberry</li> <li>Cresta</li> <li>caffeine free Coca-Cola</li> <li>Canada Dry</li> <li>Carioca</li> <li>Chaudfontaine</li> <li>Chinotto light</li> <li>Coca-Cola</li> <li>Coca-Cola Citra</li> <li>Coca-Cola Zero</li> <li>Cristal</li> <li>caffeine free Diet Coke/Coca-Cola light</li> <li>Cannings</li> <li>Carver's</li> <li>Cheers</li> <li>Ciel</li> <li>Coca-Cola Black Cherry Vanilla</li> <li>Coca-Cola with Lemon</li> <li>Cocoteen</li> <li>Crush</li> </ul> <a href="#top">Back to top</a> <p /><ul id="d"> <li>Daizu no Susume</li> <li>DASANI Nutriwater</li> <li>diet Andina Nectar/Andina Nectar light</li> <li>Diet Coke/Coca-Cola light</li> <li>Diet Coke with Lemon/Coca-Cola light with Lemon</li> <li>diet Dr Pepper/Dr Pepper Zero</li> <li>DANNON*</li> <li>Delaware Punch</li> <li>diet Barq's</li> <li>Diet Coke Black Cherry Vanilla</li> <li>Diet Coke with Lime/Coca-Cola light with Lime</li> <li>diet Fanta/Fanta light/Fanta Zero/Fanta Free</li> <li>DASANI</li> <li>diet A&W</li> <li>diet Canada Dry</li> <li>Diet Coke Citra/Coca-Cola light Citra</li> <li>Diet Coke with Raspberry</li> <li>diet Freskyta</li> <li>DASANI Flavors</li> <li>diet Andina Frut/Andina Frut light</li> <li>diet cherry Coke</li> <li>Diet Coke Sweetened with Splenda</li> <li>diet Crush</li> <li>diet INCA KOLA</li> <li>diet Kia Ora</li> <li>diet Master Pour</li> <li>diet Quatro/Quatro light</li> <li>diet Squirt</li> <li>Disney Xtreme Coolers*</li> <li>diet Krest</li> <li>diet Mello Yello</li> <li>diet Schweppes</li> <li>diet Tai/Tai light</li> <li>Dobriy</li> <li>diet Lift/Lift light</li> <li>diet Nestea/Nestea light*</li> <li>diet Seagrams*</li> <li>diet Vanilla Coke</li> <li>Dorna</li> <li>diet Lilt/Lilt Zero</li> <li>diet Oasis</li> <li>diet Sprite/Sprite light/diet Sprite Zero/Sprite Zero</li> <li>Disney Hundred Acre Wood*</li> <li>Dr Pepper</li> </ul> <a href="#top">Back to top</a> <p /><ul id="e"> <li>E2</li> <li>El Rayek</li> <li>Earth & Sky</li> <li>Escuis</li> <li>Eight O'Clock</li> <li>Eva Water</li> <li>Eight O'Clock Funchum</li> &nb
-
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.