Idk y? but i just dont understand positioning

camcool21 · #1 (**permalink**) Dec 15th, 2006, 01:41

ok...I'm back!

But, unfortunately I have the same problem

http://www.freewebs.com/max-nation/Index.html
It's pretty obvious what my problem is....I need the buttons next to the center container. Sooooo.........

anyway....
this is my html

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Max-Nation ~ The Unofficial Maxim Afinogenov Appreciation Website</title>
<link rel="stylesheet" type="text/css"
href="http://www.freewebs.com/max-nation/Max%2DNation.css" />
</head>
<body>
<img src="http://www.freewebs.com/max-nation/facts%5Fbutton.png" />
<br />
<img src="http://www.freewebs.com/max-nation/stats%5Fbutton.png" />
<br />
<img src="http://www.freewebs.com/max-nation/photo%2Dgallery%5Fbutton.png" />
<br />
<img src="http://www.freewebs.com/max-nation/home%5Fbutton.png" />
<br />
<img src="http://www.freewebs.com/max-nation/join%5Fbutton.png" />
<br />
<img src="http://www.freewebs.com/max-nation/T%2Dshirts%5Fbutton.png" />
<div id="container">
<span id="header">
<span id="logo">
<img src="http://www.freewebs.com/max-nation/slug%20with%20background%20blue.jpg" alt="Sabres Logo" />
</span>
</span>
<img src="http://www.freewebs.com/max-nation/max.jpg" id="max" alt="Maxim Afinogenov">
</div>
</body>
</html>

and the CSS

Code: Select all

body
{
background-image: url('http://www.freewebs.com/max-nation/blue%20textured%20background.jpg');
background-repeat: repeat;
margin: 0px;
padding: 0px;
}
#container
{
margin-left: 20%;
margin-bottom: 0%;
margin-right: 20%;
margin-top: 0%;
background-color: #000031;
width: 60%;
height: 100%;
}

#logo
{
margin-left: 0px;
margin-top: 0px;
}

img#max
{
height: 800px;
width: 600px;
border-color: #FFFFFF;
margin-bottom: 0%;
border-width: 2px;
border-style: dotted;
}

#header
{
width: 600px;
height: 163px;
}

CAN ANYONE HELP ME!!!!!!!??????????

I've been stuck for quite a bit, and I don't know what I'm doin wrong

snow · #2 (**permalink**) Dec 15th, 2006, 01:50

I'm being really lazy and haven't looked at your code (sorry); but can't you just float the menu to the left?

camcool21 · #3 (**permalink**) Dec 15th, 2006, 01:54

I'll look into it, thx for the speedy response!

Ryan Fait · #4 (**permalink**) Dec 15th, 2006, 09:33

Floats and positioning are two of those things you have to understand by tinkering around. I haven't yet seen a really good resource explaining what they do (and more importantly, don't do) to the content around the elements being floated or positioned. Just play play play!

snow · #5 (**permalink**) Dec 15th, 2006, 10:06

floats are relatively easy to understand? Maybe I've just played around with them too much

Ryan Fait · #6 (**permalink**) Dec 15th, 2006, 10:15

Yeah, they seem to give beginners a lot of trouble, though. When moving from table designs, there was no such thing as taking an element out of the normal flow of the page.

Lchad · #7 (**permalink**) Dec 16th, 2006, 12:19

Do you want to move the logo and photo up or the nav bars down?

camcool21 · #8 (**permalink**) Dec 17th, 2006, 01:49

nav bars down

snow · #9 (**permalink**) Dec 17th, 2006, 11:33

??

Do you mean you want a gap at the top?

To get them on the same level, just put a div around the menu, then add something like:

Code: Select all

 #menu (float:left;)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
OT: What ONE thing should the CIO understand about managing/motivating developers?	estherschindler	Webforumz Cafe	6	Jun 24th, 2008 20:37
please help me understand! CSS Menu in IE GONE WRONG!	daraclare	Web Page Design	12	Apr 29th, 2008 19:15
New to JS dont get this	smithsf22	JavaScript Forum	1	Mar 14th, 2008 16:10
i dont think i ever did this..	jimmy	Introduce Yourself	4	Jan 15th, 2007 17:25
i dont know what to do next	bats	Other Programming Languages	0	Apr 21st, 2006 21:10

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Idk y? but i just dont understand positioning