slava
03-09-2007, 08:59 PM
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
<!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>
you can see it on : http://tintasii.moldovacrestina.net/mysite.html
Here's the 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>