PDA

View Full Version : Layout help please

iTux
08-05-2006, 08:39 AM
Ok, well what is happening is that I have a container, and I want all the things to go in there, but it's not, check out the screenshot: http://www.vexxon.net/includes/uploads/help.GIF, sorry for the bad quality.
So here is my code:
<html>

<head>
<title>VeXXoN.net - To think is to create</title>
<style>
<!--
body {
background-color: #000000;
margin: 0px;
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #66CC00;
}
#container {
float: center;
border: 1px solid #FFFFFF;
width: 900px;
}
#head {
width: 900px;
}
#menu {
width: 162px;
float: left;
}
#content {
width: 738px;
float: left;
}
-->
</style>
</head>
<body>
<center>
<div id="container">
<div id="head"><img src="images/head.jpg" border="0"></div>
<div id="menu"><a href="index.html"><img src="images/home.jpg" border="0"></a></div>
<div id="content">Test</div>
</div>
</center>
</body>

</html>
..::Kira::..
08-05-2006, 03:29 PM
Maybe it's just not working in FireFox?

I tried your code on my computer and it worked.

Try putting everything inside a table instead.

Sorry if this doesnt work. I am new at this.

<html>

<head>
<title>VeXXoN.net - To think is to create</title>
<style>
<!--
body {
background-color: #000000;
margin: 0px;
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #66CC00;

}
#head {
width: 900px;
}
#menu {
width: 162px;
float: left;
}
#content {
width: 738px;
float: left;
}
-->
</style>
</head>
<body>
<center>

<table width="80%" id="list-menu" cellspacing="1" class='content' style="text-align: center; border: 1px solid #ffffff; background: #0000000;"">
<tr width="100%"><td><div id="head"><img src="images/head.jpg" border="0"></div>
<div id="menu"><a href="index.html"><img src="images/home.jpg" border="0"></a></div>
<div id="content">Test</div>
</tr></td></table>
</center>
</body>

</html>
..::Kira::..
08-05-2006, 03:33 PM
ps: You can change the table width to pixels if you like by typing in width="numberpx" instead of Width="80%"
Arwen
08-05-2006, 04:18 PM
You can also create a big table with a white border and put your layout inside it. I fixed your codes a bit:


<html>
<head>
<title>VeXXoN.net - To think is to create</title>
<style type="text/css">
<!--
body {
background-color: #000000;
margin: 0px;
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #66CC00;
}

td {
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #66CC00;
}

#container {
float: center;
background: url(images/head.jpg) no-repeat;
width: 900px;
height: IMAGE_HEIGHTpx;
padding: 0px;
width: 900px; }

#menu {
width: 162px;
float: left;
padding-top: 123px;}

#content {
position: absolute;
padding-top: IMAGE_HEIGHTpx;
width: 734px;
padding-left: 62px;
text-align: left;
} -->
</style>
</head>

<body>
<center>

<table width="900" style="border: 1px solid #ffffff">
<tr>
<td>

<div id="container">

<div id="menu">
<a href="index.html"><img src="home.jpg" border="0"></a>
</div>

<div id="content">
Test
</div>

</div>

</td>
</tr>
</table>

</center>

</body>
</html>


But I didn't have your images, so I couldn't test it. :)
..::Kira::..
08-06-2006, 02:29 PM
You can also create a big table with a white border and put your layout inside it. I fixed your codes a bit:


<html>
<head>
<title>VeXXoN.net - To think is to create</title>
<style type="text/css">
<!--
body {
background-color: #000000;
margin: 0px;
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #66CC00;
}

td {
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #66CC00;
}

#container {
float: center;
background: url(images/head.jpg) no-repeat;
width: 900px;
height: IMAGE_HEIGHTpx;
padding: 0px;
width: 900px; }

#menu {
width: 162px;
float: left;
padding-top: 123px;}

#content {
position: absolute;
padding-top: IMAGE_HEIGHTpx;
width: 734px;
padding-left: 62px;
text-align: left;
} -->
</style>
</head>

<body>
<center>

<table width="900" style="border: 1px solid #ffffff">
<tr>
<td>

<div id="container">

<div id="menu">
<a href="index.html"><img src="home.jpg" border="0"></a>
</div>

<div id="content">
Test
</div>

</div>

</td>
</tr>
</table>

</center>

</body>
</html>


But I didn't have your images, so I couldn't test it. :)


lol. nice. I didn't think about that. :)