Anexxion
03-02-2008, 09:03 PM
also, what im trying to do is have a little bar repeating across the top window of my main index page, then i want to have this image flowing out of the bottom right hand corner. ive been having so much trouble with this:
www.voi-design.com/index2.html
clearly the bar is FLOATING which is bad.. and then there is the flow image which is fine:
SOURCE:
<!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=utf-8" />
<title>Voi Design - Portfolio and Design of Marcel Olszewski</title>
<style type="text/css">
body {
background:url(flow.png);
background-repeat:no-repeat;
background-position: bottom right;
background-attachment:fixed;
background-color: #f7f7f7;
left:0px;
top:0px;
right:0px;
width:100%;
height:664px;
}
#logo {
background:url(voimain.png);
background-repeat:no-repeat;
background-position:center;
position:absolute;
left:0px;
top:152px;
right:0px;
width:100%;
height:422px;
}
#logo1 {
background:url(voimini.png);
background-repeat:no-repeat;
background-position:center;
position:absolute;
left:0px;
top:50px;
right:0px;
width:100%;
height:59px;
}
#container{
background-image: url(side.png);
background-repeat: repeat-x;
background-position:top;
background-attachment:fixed;
height: 100%;
width: 100%;
margin: 0px auto;
}
.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
text-decoration:none;
}
.copyright_links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration:none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
<script type="text/javascript">
function changePosition()
{
document.body.flow.backgroundPosition="bottom center";
}
</script>
</head>
<body>
<div id="container">
<div align="center">
<div id="logo1">
<div id="logo">
<span class="copyright">
© Copyright 2006 - 2008 <a href="http://www.voi-design.com"><span class="copyright_links">Voi Design</span></a><br />
© Designed By <a href="http://www.voi-design.com/contact.php"><span class="copyright_links">Marcel Olszewski - Anexxion</span></a><br />
Opening 25/03/08
</span>
</div>
</div>
</div>
</div>s
</body>
</html>
can anyone help?
www.voi-design.com/index2.html
clearly the bar is FLOATING which is bad.. and then there is the flow image which is fine:
SOURCE:
<!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=utf-8" />
<title>Voi Design - Portfolio and Design of Marcel Olszewski</title>
<style type="text/css">
body {
background:url(flow.png);
background-repeat:no-repeat;
background-position: bottom right;
background-attachment:fixed;
background-color: #f7f7f7;
left:0px;
top:0px;
right:0px;
width:100%;
height:664px;
}
#logo {
background:url(voimain.png);
background-repeat:no-repeat;
background-position:center;
position:absolute;
left:0px;
top:152px;
right:0px;
width:100%;
height:422px;
}
#logo1 {
background:url(voimini.png);
background-repeat:no-repeat;
background-position:center;
position:absolute;
left:0px;
top:50px;
right:0px;
width:100%;
height:59px;
}
#container{
background-image: url(side.png);
background-repeat: repeat-x;
background-position:top;
background-attachment:fixed;
height: 100%;
width: 100%;
margin: 0px auto;
}
.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
text-decoration:none;
}
.copyright_links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration:none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
<script type="text/javascript">
function changePosition()
{
document.body.flow.backgroundPosition="bottom center";
}
</script>
</head>
<body>
<div id="container">
<div align="center">
<div id="logo1">
<div id="logo">
<span class="copyright">
© Copyright 2006 - 2008 <a href="http://www.voi-design.com"><span class="copyright_links">Voi Design</span></a><br />
© Designed By <a href="http://www.voi-design.com/contact.php"><span class="copyright_links">Marcel Olszewski - Anexxion</span></a><br />
Opening 25/03/08
</span>
</div>
</div>
</div>
</div>s
</body>
</html>
can anyone help?