Images lind up odd

Holley146

02-26-2011, 09:53 AM

Ok i may be coding this wrong i just started useing CSS about 5 or so days ago but my page wont let me line up 2 images next together

style.css codebody {
background-color: black;
background-image: url(images/bg.png);
background-attachment: fixed;
background-repeat: repeat-x;

}
#banner {
width: 980px;
height: 190px;
background: url(images/banner.gif) no-repeat;

}
#main{
width: 1055px;
height: 800px;
background: url(images/main.gif) no-repeat;
background-position: 305px 0px;
}
.news{
font-size: 25px;
width:600px;
height:50px;
padding-left: 200px;
padding-top: 10px;

}
.title2 {
font-size: 14px;
letter-spacing: 3px;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: underline;

}

#login{
width: 294px;
height: 190px;
background: url(images/login.png) no-repeat;
position:relative;

}
.login {
font-size: 4px;
color: #FFFFFF;
text-transform: uppercase;
padding-left: 8px;
}

.footer {
height: 21px;
background-image: url(images/copyright.gif);
background-repeat: repeat-x;
font-family: "Calibri", Verdana, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
}

index.php(it hs some html code to )<html>
<head>
<link rel="shortcut icon" href="favicon.ico" >
<link rel=stylesheet type="text/css" href="style.css">
<title>NGZ Workshop</title>
</head>
<body>
<?php
include('include/config.php');
?>
<script type="text/javascript" src="js/mouesover.js">
</script>
<center>
<div id="banner"></div>

<?php include("page/navigation.php"); ?>
<div id="login">
<div class="login">
<?php include("login.php"); ?>
</div>
</div>
<div id="main">
<div class="news">
<?php include("main.php"); ?>
</div>
</div>
</html>

coothead

02-26-2011, 10:20 AM

Hi there Holley146,

and a warm welcome to these forums. ;)

Can you supply a link to the problematic site?

We might then be able to help you. :)

coothead

Holley146

02-26-2011, 10:33 AM

Hi there Holley146,

and a warm welcome to these forums. ;)

Can you supply a link to the problematic site?

We might then be able to help you. :)

coothead

ok np and thanks

LINK (http://nationalgamerz.com/workshop)

coothead

02-26-2011, 01:54 PM

Hi there Holley146,

I have looked at you code and it seems to be in rather a mess. :eek:

It also uses javascript unnecessarily for the navigation rollovers. :eek:

I have therefore tidied up the basic layout for you. ;)

You can download the fruits of my labour - in a zip file - from this site...
http://www.megaupload.com/?d=FCWK7G7A
I hope that this will help to get you going in the right direction. :D

coothead

Holley146

02-26-2011, 04:22 PM

thanks like i sayed befor im new to CSS and mort of the time i just adding or fixing some code this is the first time i took the timeto build my own website.

Holley146

02-26-2011, 07:32 PM

coothead

02-26-2011, 07:46 PM

Hi there Holley146,
but still do you know why its doing this??
I presume that you referring to problems with your code. ;)

As your code is riddled with numerous coding errors....
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fnationalgamerz.com%2Fworkshop%2F
...I did not bother to find the cause. ;)

Instead I discarded it totally and started again from the top. :D

coothead

Holley146

02-26-2011, 07:54 PM

i think the errors that site is giveing is coming from my php code. I iv only been doing real layout coding for about 2 weeks now maybe i just need to hit the books some more. But thanks.

Holley146

02-26-2011, 08:03 PM

ok mega is just now letting me download the layout you uploaded. When i get done added in the login and other stuff ill send you a link and you tell me what you think of it ?