Agustine

I don't believe any object would be able to sustain traveling at the speed of light. See when two cars traveling at say, 50km per hour crash into one and another the force of the impact is 100km per hour on both cars. Or if just one car at a 100km per hour crashes into say a tree, the force of impact on the tree and the car is 100km per hour. So, if you apply this to traveling at the speed of light, any object that the object traveling at the speed of light came into contact with – even a very small object such as pebble – would have very damaging effects. A Kleenex box traveling at 40km per hour can give a person a serious concussion.

www.tutorialized.com

Yeah I'm in Canada as wel...

Buy books and read them. That's what I do.

Wow, that's a damn good deal.

You're right Skemcin I'll have to try that. However, he did say that just make an image the size of the screen resolution and then turn it into an image map.

I have to bump this topic.This is what my multimedia teacher was supporting for web design before the image maps:Website

I want to strangle my Multimedia teacher (not literally). He is showing the class Dreamweaver and how to make Image maps with it. So he made a quick image map cheaply with drag and drop methods. After when everyone was amazed, he said: "With this nifty trick you can make one big image for your website and just put a bunch image maps on it, rather then having a bunch of small images that have to load on to the screen. Then I thought, what would be the point of one big image that is virtualy the same file size as all the separate images?

Wow, I never knew that. Thanks I'm going to see what I can do about this now.

I'm doing an update to my website with the CS ebcause it became to much to keep track of in one huge CSS file. I decided to move the css from this one file into seperate files to have better orginization.Is it possible to have two css styles in one page like so:

<link rel="stylesheet" type="text/css"href="CSS\general.css" /><link rel="stylesheet" type="text/css"href="CSS\index.css" />

I'm asking because when I load the page, all the css from the index.css works. However, the background style doesn't work from the general.css doesn't work while everything else does. Now I did copy the background style from the previous CSS file, and pasted it into the new general.css. It works from the old CSS style but not in the general.css. I then deleted that piece an remade it from the background CSS tutorial, and that didn't work either.Here are the files:general.css

body /*Background image settings*/{background-image:url('Images/back2.gif');background-repeat: no-repeat}p/*The Text Settigns*/{	color: black;	font-size: 100%;	font-family: Arial;	z-index: 2;}img/*Setting all Borders of Images to '0'*/{	border: 0;}img.welcome/*Title Header of each Page*/{	position:absolute;	top:85px;	left:245px;	z-index: 0}img.buttonback/*Backdrop of the buttons*/{	position:absolute;	top:150px;	left:0px;	z-index: 1}p.button/*Button Alignments*/{	position:absolute;	top:158px;	left:10px;	z-index: 2}/*The different footer set ups*/img.footer/*Footer Picture*/{	position:absolute;	top:1100px;	left:250px;	z-index: 1;}img.footer5/*Footer Picture*/{	position:absolute;	top:1300px;	left:250px;	z-index: 1;}p.footer6/*Footer Text*/{	position:absolute;	top:1375px;	left:250px;	z-index: 1;}p.footer2/*Footer Text*/{		position:absolute;	top:1175px;	left:255px;	font-family: arial;	color: gray;	font-size: 65%;	z-index: 2	}img.sale/*Promotion Image*/{	position:absolute;	top:379px;	left:0px;	z-index: 1}

index.css

img.varilux{	position:absolute;	top:230px;	left:135px;}p.bot/*Bottom Text of the Home Page. It is Static*/{	position:absolute;	top:825px;	left:100px;}p.descrip/*Brief description of Peepers*/{	position:absolute;	top:575px;	left:205px		}img.sidebar/*Sidebar image, changes*/{	position:absolute;	top:100px;	left:575px;	z-index: 1;}img.frameshow/*Shows off a frame, changes*/{	position:absolute;	top:600px;	left:245px;	z-index: 1}p.news/*News or articles. This is static*/{	position:absolute;	top:225px;	left:200px;	z-index: 2}

Thanks.

I have a serious problem that is bugging the ###### out of me. What I am try to do isuse CSS to move where the text is on the screen. Here is the JavaScript File:

var type = 1switch (type){	case 1:	document.getElementById("test")	document.write(test")	break	case 2:	document.getElementById("test")	document.write("Test")	break	defualt	none}

Here is the code in the page file:

<p class="display" id="test"></p>

Here is the CSS file:

p.display{                position:absolute;	top:835px;	left:45px;	z-index: 1}

What I want to happen is the text in the JavaScript file to move to its absolute position but it is not and I don't quite understand why.

How does this website appear in your browser ?Peepers

Well I have tested it on multiple computers and the computer I created it on the website is neat looking, but when I try it on a different computer with a different resolution things seem to be out of place.

The position:relative?

How do I deal with my website appearing differently on different screen resolutions ?

What are the point of the meta tags?Thanks

You guys are so nice.Thanks

Ya well when I went to do a CSS validation it came up with that line as an error so I don't really know thats why aI asked... Anyways I will try that out thanks

Element type "img" must be followed by either attribute specifications, ">" or "/>".

<a href="contact.html"><img id="contact2" src="Images/contact.png"onmouseover='document.getElementById("contact2").src="Images/contact2.png"'onmouseout='document.getElementById("contact2").src="Images/contact.png"' border="0" alt="Contact Lenses" />

Thanks

Ah, I see thanks It works now. Now to fix all the validation errors.

Sorry, I am unable to validate this document because on line 106, 108, 110 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified . <a href="index.html"><img id=home2 src="Images/home..png"

I like javascript it isn's very difficult to learn and can do a lot of things once you get the hang of it.

You know I was just going to say the same thing. I've never seen a <p> in a <p> before.

Ok... I;m becoming extremely annoyed over this. I have narrowed it down to be the page that links to the "ccon.html". When I put the link on another page, or a in the contact page change the where it links to it works. Here is the whole code of the contact page. I have read this for about two hours checking to see if there are any mistakes and have yet to find any. If you can find anything I didn't find please tell me because I need to get this done for mondey and i'm very close to being done. Thanks for all the help so far.

<!-- saved from url=(0022)http://internet.e-mail --><!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Contact Lenses</title><meta /><meta /><style>form.ex1{position:relative;top:200px;left:200px;}img.ex2{position:relative;top:0px;left:250px;}img.ex3{position:relative;top:150px;left:325px;}img.ex4{position:relative;top:150px;left:-5px;}p.ex6{position:relative;top:25px;left:180px;}p.ex7{position:relative;top:-550px;left:-7px;}img.ex8{position:relative;top:200px;left:275px;}img.ex10{position:relative;top:120px;left:190px;}p.ex11{position:relative;top:-50px;left:370px;}p.ex13{position:relative;top:100px;left:100px;z-index:1;}</style><script language="javascript">function go(){window.location=document.getElementById("menu").value}</script></head><body background="Images/back.png"><form class="ex1"><select id="menu" onchange="go()"><option>--Select a brand--</option><optionvalue="o2.html">O2 Optix</option><optionvalue="ad.html">Acuvue Advance</option><optionvalue="nd.html">Night & Day</option><option value="ao.html">Acuvue Oasys</option><optionvalue="pc.html">Proclear Multifocal</option><option value="sl.html">Softlens Multifocal</option></select></form><img src="Images/co.png" border="0" class="ex2" alt="Contacts" /><img src="Images/o2.jpg" border="0" class="ex3" alt="O2 Optix" /><img src="Images/nd.jpg" border="0" class="ex4" alt="Night & Day" /><p class="ex6"><font family="Arial">Select a brand from the dropdown<br />list to view a detaileddescription of it.<br /></font></p><img src="Images/colC.jpg" border="0" alt="Wildeyes by Ciba Vision" class="ex10"><p class="ex11"><u><b>Who Can Wear Wild Eyes ?</b></u><br />Any one can, even with perfect vision! Wild eyes are <br />all about expression. They can be worn to correct your<br /> vision, or just for fun!<br /><u><b>What is it like looking through them ?</b></u><br />Perfect! The lens center is clear, so your view is not <br />blocked. They are just as comfortable as any other <br />lens!<br /><u><b>How long do they last ?</b></u><br />You can wear them on a daily basis. They last long <br />enough that they can become part of your wardrobe.<br /> They could last 365 days!<br /></p><p class="ex12"><div align="center"><img src="Images/switch.gif" border="0" alt="Fresh look colours"></div></p><a href="ccon.html">Click Here For More Colour Contacts</a><p class="ex7">  <a href="home.html"><img ID=home2 src="Images/home..png" onmouseover='document.getElementById("home2").src="Images/home.2.png"'onmouseout='document.getElementById("home2").src="Images/home..png"' border="0" alt="Home"></a><br />  <a href="about.html"><img ID=about2 src="Images/about.png" onmouseover='document.getElementById("about2").src="Images/about2.png"'onmouseout='document.getElementById("about2").src="Images/about.png"' border="0" alt="About Us"></a><br />  <a href="eye.html"><img ID=eyew2 src="Images/eyew.png" onmouseover='document.getElementById("eyew2").src="Images/eyew2.png"'onmouseout='document.getElementById("eyew2").src="Images/eyew.png"' border="0" alt="Eye Wear"></a><br />  <a href="contact.html"><img ID=contact2 src="Images/contact.png" onmouseover='document.getElementById("contact2").src="Images/contact2.png"'onmouseout='document.getElementById("contact2").src="Images/contact.png"' border="0" alt="Contact Lenses"></a><br />   <a href="us.html"><img ID=us2 src="Images/us.png" onmouseover='document.getElementById("us2").src="Images/us2.png"'onmouseout='document.getElementById("us2").src="Images/us.png" 'border="0" alt="Contact Us"></a><br /></p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><div align="center"><img src="Images/peeper_footer.gif"></div><div align="center"><font size="2"><a href="home.html">Home</a>|<a href="link.html">Links</a>|<a href="about.html">About</a>|<a href="simp.html">Site Map</a></font></div></body></html>

Do you mean add an image to your website, or creater an image with html for your website ?