ZeroShade
-
Posts
186 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by ZeroShade
-
-
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.Use CSS "border: none;" instead of the presentaional XHTML attribute. -
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?
-
List Fixing
in CSS
Ohhh! I see... i had another li that was affecting it as well. WOW!! Its so simple now. Thank you very much.Oh... just... remove the styles for all "li"s (line 39 to 45) and add this right below your "#nav" styles (on line 39), will you?#nav li{ display:block; float:left;}li{ padding:10px;}You'll see the point right after you see the result.
-
List Fixing
in CSS
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.
-
List Fixing
in CSS
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?OOOOOOOUUUU!!!! Why didn't you said that from the start?Well, in just a minute I found two ways for that, but the one I reccomend is turning the "li" selector into "#nav li". You might want to also create another style for all "li"s to carry the padding though. It seemed nice. -
List Fixing
in CSS
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?Actually, I think that currently, it looks great. Otherwise, horizontal scrollbars will appear and believe me, those annoy people a lot more then a few lines of products.The only way I found to make all products on one line, at resolution of 1280x1024 is giving "#letterprod ul"a width of 1265%.Not only that, but "#letterprod ul" is actually a replacement for the "#a, #b, ..." seletor (which is the same thing, but longer, though more precise. -
List Fixing
in CSS
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?Exactly what you need to have on one row? That's the thing I'm personally not grasping.If it's the lists of products on each letter, try something like:#letterprod ul {white-space: pre;}or
#letterprod ul {white-space: nowrap;} -
List Fixing
in CSS
Ok... put up a brief page on geocities... cause its free
. Heres the link: http://www.geocities.com/links_chip/products.html -
List Fixing
in CSS
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?
-
List Fixing
in CSS
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.
-
List Fixing
in CSS
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?
-
List Fixing
in CSS
Can somebody please help me. With its current position it looks really bad in firefox. What can I do to fix this?
-
List Fixing
in CSS
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.Do you have a link so we can see what is happening? -
List Fixing
in CSS
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.
-
-
-
. Heres the link:
Validation
in JavaScript
Posted