Here's a site i've created, but it has problems displaying the page in IE 6,
you can see it on : http://tintasii.moldovacrestina.net/mysite.html
Here's the code
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Home Page</title> <style type="text/css"> body { background-image:url(media/antiquebackground.gif); } #bodybgmenu { position: absolute; } #home { position: absolute; top: -34px; left: 472px; width: 350px; height: 95px; background-image: url("casa.gif"); background-position: 1000px 30px; background-repeat: no-repeat; } #grafix { position: absolute; top: 59px; left: 430px; width: 350px; height: 95px; background-image: url("grafics.gif"); background-position: 1000px 30px; background-repeat: no-repeat; } #layouts { position: absolute; top: 202px; left: 37px; width: 350px; height: 95px; background-image: url("layouts.gif"); background-position: 1000px 30px; background-repeat: no-repeat; } #contacts { position: absolute; top: 307px; left: -4px; width: 350px; height: 95px; background-image: url("contacts.gif"); background-position: 1000px 30px; background-repeat: no-repeat; } #content { width: 820px; margin: 0 auto 0 auto; padding: 0; height: 600px; } #bodybgmenu { float: left; } #subsol { width: 820px; margin: 600px 0 0 0; float: right; border-top: 1px solid black; } #subsol h3 { text-align: center; } #content { border-right: 1px solid black; border-left: 1px solid black; } </style> </head> <body> <div id="content"> <div id="bodybgmenu"> <img src="media/new_menu.gif"> <a href="istoric.html"> <div id="home" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div> </a> <a href="istoric.html"> <div id="grafix" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div> </a> <a href="istoric.html"> <div id="layouts" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div> </a> <a href="istoric.html"> <div id="contacts" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div> </a> </div> <div id="subsol"> <h3>Created by Crilov Slava © All Rights reserved</h3> </div> </div> </body> </html>



Reply With Quote



Bookmarks