Adding a header image

Date: 09/14/07 (WebDesign) Keywords: browser, css, html

Hi! I'm new to this community, but I've got a simple question, I think. I'm working on a site for one of my school's clubs, and I can't figure out how to add a header image. I'm new to HTML and CSS, so I'm quite clueless, to be honest. I'm still learning, so any advice would be GREAT.

I tried to add one, but it didn't work.

Also, I hope it has been looking quite bad in some browsers. I haven't validated it yet or anything, so... yes. Does anyone know a way that I can make it more IE/Firefox friendly?

It hasn't been working for a few people in FF, and I know it looks bad in older versions of IE (and even in later versions, on some occasions). It's just frustrating, because it looks fine for me, and I use Firefox as well. Ahhh!

Sorry, this turned out to be a lot longer than I'd expected!

Help? Thanks! :D

HTML:
<shtml> <head> <title>MHS Robotics 2007</title> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <somebody> <div id="header><embed src="images/bgheader.jpg" width="600" height="100"></div> <div id="div1"> <h1>About Murphy High School</h1> <p><b>Murphy High School</b> was founded in 1926 blah and anadiag iiriti FILLER WOW. and blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiiriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiiriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiiriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiiriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiiriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiiriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoiand blah blah blah blah blah blahb lbhabhab abahb oaiahir iriyp jir itoi </p> </div> <div id="menu"><a href="/go.php?http://mhsrobotics.x10hosting.com">HOME</a> <a href="therobot.html">THE ROBOT</a> <a href="theteam.html">THE TEAM</a> <a href="/go.php?http://bestinc.org" target="_blank">BEST, Inc.</a> <a href="sponsors.html">SPONSORS</a> <a href="contact.html">CONTACT</a></div> </somebody> </shtml>

CSS:
<!-- body { margin-top: 0px; margin-bottom:0px; margin-left: 300px padding:0px; font-family:arial; color:#ffffff; background-color:#000000; background-image:url("images/bg.jpg"); background-repeat: repeat-y; background-position:center; } h1 { margin-top: 150px; margin-left: 0px; padding: 0px; font-size:14px; line-height:14px; font-weight:700; color:#000000; text-align: center; } h2 { margin-top: 0px; margin-left: 0px; padding: 0px; font-size:12px; line-height:14px; font-weight:700; color:#ffffff; text-align: left; } p { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; padding-left: 0px; padding-right: 0px; text-align: justify; left: 200px; top:300px; } a { color:#e0970a; font-size:10px; text-decoration:none; font-weight:500; font-family:verdana, arial, helvetica, sans-serif; } a:link {color:#e0970a;} a:visited {color:#e0970a;} a:hover {color:#ac7305;} #div1 { position: absolute; left: 250px; top: 30px; width:500px; background-color:transparent; } #Menu { position:absolute; text-align: center; top:120px; right:260px; padding:0px; background-color:434343; line-height:17px; voice-family: "\"}\""; voice-family:inherit; } #header { position:absolute; top:0px; left: 400px; } body> #Menu {width:500px;} --!>

Source: http://community.livejournal.com/webdesign/1310196.html

« dreamweaver or golive help!

Never used tables, but... »