PDA

View Full Version : Help


Gangster
26-03-2008, 03:12 PM
Ok now, this is getting annoying, i coded a layout and whenever i type in the contnet, the boxes on the side go down. So the more writitng the is in the main content box, the further down the boxes on the sides will be. Preview - www.habbofury2.freehostia.com

So, i decided to recode it, and still the same problem, here's my code of the 2nd try


<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
text-align: center;
background-color: #ffffff;
}
#container {
width: 390px;
}
#topbar {
background:url(../Unnamed%20Site%207/top_bar.PNG);
height: 11px;
padding:14px;
width: 922px;
margin-left: 30px;
}
#banner {
background:url(images/banner1.PNG);
width: 950px;
height: 134px;
margin-left: 30px;
margin-top: -1px;
}
#djsays {
background:url(images/avdertisement1.PNG);
height: 8px;
padding:14px;
width: 922px;
margin-left: 30px;
margin-top: 15px;
}
#content1 {
background:url(images/content_top.PNG);
height:36px;
width:458px;
margin-left:250px;
margin-top: 15px;
padding-top: 12px;
}
#content2 {
background:url(images/content_mid.PNG);
width:458px;
margin-left:250px;
padding-top:5px;
margin-top:0px;
}
#content3 {
background:url(images/content_bot.PNG);
width:458px;
height:13px;
margin-left:250px;
margin-top:0px;
}
#navigator1 {
background:url(images/nav_top.PNG);
height: 34px;
width: 192px;
margin-left: 30px;
margin-top: -76px;
}
#navigator2 {
background:url(images/nav_mid.PNG);
width: 192px;
margin-left: 30px;
margin-top: 0px
}
#navigator3 {
background:url(images/nav_bottom.PNG);
width:192px;
height:6px;
margin-left: 31px;
margin-top: 0px;
}
.style1 {
font-size: 9px;
font-family: "Volter (Goldfish)";
color: #FFFFFF;
}
.style2 {
font-family: Tahoma;
font-weight: bold;
color: #FFFFFF;
}
.style2 {font-family: Tahoma}
.style3 {color: #666666}
.style4 {
font-family: "Volter (Goldfish)";
font-size: 9px;
color: #666666;
}
-->
</style>
</head>

<body>
<div class="style1" id="topbar">This website is best veiwed in any website browser.</div>
<!--- begin of banner --->
<div id="banner"></div>
<!--- end of banner --->

<!--- begin of Dj Says --->
<div class="style1" id="djsays">Hey, welcome to HabboFury.com. Search Croaked for a great party.</div>
<!--- end of Dj Says --->

<!--- begin of content --->
<div class="style2" id="content1">Welcome to HabboFury</div>
<div class="style1 style3" id="content2">The content will go in this box here.</div>
<div id="content3"></div>
<!--- end of content --->

<!--- begin of navigator --->
<div id="navigator1"></div>
<div class="style4" id="navigator2">The navigator will go here.</div>
<div id="navigator3"></div>

</body>
</html>


Can someone please tell me exactly what im doing wrong.

++REP.
Bojangles
26-03-2008, 03:14 PM
The link doesn't work for me.
Gangster
26-03-2008, 03:14 PM
The link doesn't work for me.
1 min.
Robbie
26-03-2008, 03:14 PM
Link doesn't work.

EDIT: Posted at same time as above, didn't refresh. Sorry lol.
Bojangles
26-03-2008, 03:17 PM
Link doesn't work.

EDIT: Posted at same time as above, didn't refresh. Sorry lol.
Lmao, no worries :)
Gangster
26-03-2008, 03:34 PM
Heres the new link http://habbofurytest.freehostia.com/Untitled-2.html

(soz i took long)
Bojangles
26-03-2008, 03:36 PM
Thats because you have coded it totally wrong lol. They need to float left.
Invent
26-03-2008, 03:56 PM
Sorry, I know I say things like this all the time, but that layout to me looks REALLY like Habbolake..lol ;\

(fyi; i'm talking about the header/banner (as in the font and text style), the side boxes and the content container).
Bojangles
26-03-2008, 03:58 PM
Sorry, I know I say things like this all the time, but that layout to me looks REALLY like Habbolake..lol
The new version or the old version?
Gangster
26-03-2008, 03:58 PM
Sorry, I know I say things like this all the time, but that layout to me looks REALLY like Habbolake..lol ;\

(fyi; i'm talking about the header/banner (as in the font and text style), the side boxes and the content container).
Lol, i told you i liked that font and i'd find it. :), the only thing similar about the side boxes are they're stroked inside and what content container?
Invent
26-03-2008, 04:00 PM
The new version or the old version?The new(-er) one. The way it's presented, the style of the boxes and the banner, it's all the same, lol.
Bojangles
26-03-2008, 04:02 PM
The new(-er) one. The way it's presented, the style of the boxes and the banner, it's all the same, lol.
Ooo preview? xD?
Invent
26-03-2008, 04:02 PM
http://www.habbolake.com/beta_site

You probably won't agree with me, but the concept of the designs are the same.
Bojangles
26-03-2008, 04:06 PM
http://www.habbolake.com/beta_site

You probably won't agree with me, but the concept of the designs are the same.
Wow thats nice! Yeah I do agree with you as the header on Gangsters is the same as habbolakes and the banner style also the boxes.

Loving the shoutbox :)
Gangster
26-03-2008, 04:08 PM
http://www.habbolake.com/beta_site

You probably won't agree with me, but the concept of the designs are the same.
oh, kk, edited, any better?

http://img141.imageshack.us/img141/3744/layoutwipvg1.png
[Oli]
26-03-2008, 04:21 PM
When coding the basic div's (the basic form of the layout you're best to use position: relative; in your css),

ex. : -- link (http://img329.imageshack.us/img329/1204/helpok8.png) --

That's the basic build of that design.
so in your code you would have something like this (@ mid content)




<div id="mid_content">

<div id="mid_left">
<!-- Left side boxes here -->
</div>

<div id="mid_center">
<!-- Mid box here -->
</div>

<div id="mid_right">
<!-- Right boxes go here -->
</div>
</div>



and your (basic) css is:




#mid_content{
width: 900px; //however big ur design is
}

#mid_left{
position: relative;
float: left;
width: 250px;
}

#mid_center{
position: relative;
float: left;
width: 400px;
margin-left: 20px; //to have some space between
}

#mid_right{
position: relative;
float: right;
width: 250px;
}



Something like this


But it's hard to correct someone's coding becouse everyone codes in a different way.





Regards,
Olivier Pauwels
Gangster
26-03-2008, 04:32 PM
;4586528']When coding the basic div's (the basic form of the layout you're best to use position: relative; in your css),

ex. : -- link (http://img329.imageshack.us/img329/1204/helpok8.png) --

That's the basic build of that design.
so in your code you would have something like this (@ mid content)




<div id="mid_content">

<div id="mid_left">
<!-- Left side boxes here -->
</div>

<div id="mid_center">
<!-- Mid box here -->
</div>

<div id="mid_right">
<!-- Right boxes go here -->
</div>
</div>

and your (basic) css is:




#mid_content{
width: 900px; //however big ur design is
}

#mid_left{
position: relative;
float: left;
width: 250px;
}

#mid_center{
position: relative;
float: left;
width: 400px;
margin-left: 20px; //to have some space between
}

#mid_right{
position: relative;
float: right;
width: 250px;
}

Something like this


But it's hard to correct someone's coding becouse everyone codes in a different way.





Regards,
Olivier Pauwels
ty !
shizzle
27-03-2008, 05:20 PM
ty !
Solved it now? I guess i'm too late.


Edited by lAscend (Forum Super Moderator): Please don't post pointlessly.

Want to hide these adverts? Register an account for free!