Follow us on Twitter!
Capitalism is an Island of wealth in a sea of poverty
Thursday, April 24, 2014
Navigation
Home
HellBoundHackers Main:
HellBoundHackers Find:
HellBoundHackers Information:
Learn
Communicate
Submit
Shop
Challenges
HellBoundHackers Exploit:
HellBoundHackers Programming:
HellBoundHackers Think:
HellBoundHackers Track:
HellBoundHackers Patch:
HellBoundHackers Other:
HellBoundHackers Need Help?
Other
Members Online
Total Online: 19
Guests Online: 17
Members Online: 2

Registered Members: 82889
Newest Member: Geriztul
Latest Articles
View Thread

HellBound Hackers | Computer General | Webmasters Lounge

Author

CSS Design

Ingelo
Member



Posts: 58
Location: Denmark
Joined: 09.05.06
Rank:
Newbie
Warn Level: 5
Posted on 01-04-07 20:14
Well, i am trying to put a design up in CSS, but i will not do what i want it to do.
The site is: http://83.88.253.. . .oqex/test/
And the CSS source is:
Code

body {
font-family:verdana,arial,sans-serif;
background-color:white;
color:black;
margin-left:25%;
margin-right:25%;
margin-top:0%;
padding:0px;
font-size:0.8em;
}
#top {
top:0px;
left:0px;
height:15px;
width:600px;
background:url(images/gamedump_01.jpg);
color:black;
border: solid 1px #666699;
position:relative;
margin-left:25px;
}
#banner {
top:0px;
left:0px;
height:79px;
width:553px;
background:url(images/gamedump_03.jpg);
color:black;
border: solid 1px #666699;
position:relative;
margin-left:25px;
}
#leftside {
top:0px;
left:0px;
height:385px;
width:25px;
background:url(images/gamedump_02.jpg);
color:black;
margin-left:0px;
margin-top:0px;
border: solid 1px #666699;
position:relative;
}




index.php source:
Code

<?php ob_start( 'ob_gzhandler' ); ?>
<?php session_start(); ?>
<!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=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="top"></div>
<div id="banner"></div>
<div id="leftside"></div>
</body>
</html>




The thing i want is that the leftside will stay left to top and banner instead of under it.

Thanks :)


felipnorwoodthe007.googlepages.com/ingelo.png
Thansk for the sig chaunchothenacho :)
img262.imageshack.us/img262/327/amdgy3.gif
img105.imageshack.us/img105/3802/gmailxg6.png
Ingelo@ofir.dk NoNe http://www.outofreality.dk/Test/rot47.php
Author

RE: CSS Design


Member

Your avatar

Posts:
Location:
Joined: 01.01.70
Rank:
Guest
Posted on 02-04-07 13:56
Try putting leftside into the top <div>.

Fc1x


Author

RE: CSS Design


Member

Your avatar

Posts:
Location:
Joined: 01.01.70
Rank:
Guest
Posted on 02-04-07 14:21
I generally have:

Code


<html>
<head>
.....
</head>
<body>
<div id='wrapper'>

<div id='top'>
...
</div>

<div id='content'>
...
</div>

<div id='bottom'>
...
</div>

</div> // to end 'wrapper'






That way you specify the width of wrapper and the divs inside it with your content always stay inside the measurements you give


Author

RE: CSS Design

Ingelo
Member



Posts: 58
Location: Denmark
Joined: 09.05.06
Rank:
Newbie
Warn Level: 5
Posted on 02-04-07 18:56
Well, know it works (With borders). http://83.88.253.. . .noqex/test
But when i remove the borders it looks like:
http://83.88.253.. . .qex/test2/
the new source:
index.php:
Code

<?php ob_start( 'ob_gzhandler' ); ?>
<?php session_start(); ?>
<!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=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="top">
<div id="leftside">
<div id="banner">
<div id="rightside">
<div id="news">
<div id="downloads">
</div>
</div>
</div>
</div>
</div>

</body>
</html>





style.css:
Code

body {
font-family:verdana,arial,sans-serif;
background-color:white;
color:black;
margin-left:20%;
margin-right:25%;
margin-top:0%;
padding:0px;
font-size:0.8em;
}
#top {
top:0px;
left:0px;
height:15px;
width:600px;
background:url(images/gamedump_01.jpg);
color:black;
position:relative;
margin-left:25px;
}
#banner {
top:0px;
left:-1px;
height:79px;
width:553px;
background:url(images/gamedump_03.jpg);
color:black;
position:relative;
margin-left:25px;
mragin-top:15px;
}
#leftside {
top:0px;
left:-1px;
height:385px;
width:25px;
background:url(images/gamedump_02.jpg);
color:black;
margin-left:0px;
margin-top:15px;
position:relative;
}
#rightside {
top:0px;
left:-1px;
height:385px;
width:22px;
background:url(images/gamedump_04.jpg);
color:black;
margin-left:553px;
margin-top:-1px;
position:relative;
}
#news {
top:0px;
left:-1px;
height:17px;
width:146px;
background:url(images/gamedump_05.jpg);
color:black;
margin-left:-553px;
margin-right:0px;
margin-top:79px;
position:relative;
}
#downloads {
top:0px;
left:-1px;
height:25px;
width:146px;
background:url(images/gamedump_07.jpg);
color:black;
margin-left:0px;
margin-right:0px;
margin-top:17px;
position:relative;
}






felipnorwoodthe007.googlepages.com/ingelo.png
Thansk for the sig chaunchothenacho :)
img262.imageshack.us/img262/327/amdgy3.gif
img105.imageshack.us/img105/3802/gmailxg6.png
Ingelo@ofir.dk NoNe http://www.outofreality.dk/Test/rot47.php