Image placement = hell

**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:

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=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?

**Nile** · 03-02-2008, 09:07 PM

[OFF TOPIC] o_0 Your good at making images! How do you make them? and with what?[/OFF TOPIC]
Well, you could use a fixed background...

**Anexxion** · 03-02-2008, 09:24 PM

can anyone help?

@niles: im a designer

**vkbarefoot** · 03-02-2008, 09:48 PM

Are you working with Flash. I think it would be fairly simple (maybe not easy) in Flash.

**Anexxion** · 03-02-2008, 09:50 PM

Originally Posted by vkbarefoot

Are you working with Flash. I think it would be fairly simple (maybe not easy) in Flash.

well that means i would now have to use flash..

no, i dont know a thing about flash, only JS, PHP, CSS(basic) and HTML. im learning flash next

anyone else?

**Nile** · 03-02-2008, 10:40 PM

Like I said:
Well, you could use a fixed background...
and also what program you make those images with?

Thread: Image placement = hell

Thread Tools

Search Thread

Image placement = hell

Bookmarks

Bookmarks

Posting Permissions