Jump to content

design problem... spacers messing up??


tdonn

Recommended Posts

ok... here's what my design should look like...

 

 

http://www.outlawz.frihost.net/fula/test2.php

 

see, the boxes on the right... all have the spacers between them and it works well... but when i take away content on the left... the spacers between most of the boxes disappear... anyone know why, any help? feel free 2 look at my coding etc... thanks!

Link to comment
https://forums.phpfreaks.com/topic/43270-design-problem-spacers-messing-up/
Share on other sites

had time to write up some more, hopefully this will get some help.. thanks...

 

the css (i have highlighted the parts about the boxes on the right >>

 

<style type="text/css">

html,body{margin:0;padding:0}

body{font: 67% verdana,arial,sans-serif;text-align:center;}

body{background: #2D3855}

p{margin:0 10px 10px}

a{display:block;color: #FFF;padding:10px}

div#header{position:relative; background:#000000}

div#header a{position:absolute;right:0;top:23px}

div#container{text-align:center}

div#content p{line-height:1.4;}

div#news{background:#104E8B;border: 2px solid #000000}

div#spacer{background:#2D3855}

div#extra{background:#104E8B;border: 1px solid #000000}

div#extra2{background:#104E8B;border: 2px solid #000000}

div#footer{background: #2D3855;color: #FFFFFF}

div#footer p{margin:0;padding:5px 10px}

div#footer a{display:inline;padding:0;color: #FFFFFF}

div#container{width:707px;margin:0 auto}

div#content{float:left;width:500px}

div#news{float:right;width:200px}

div#spacer{float:right;width:200px}

div#extra{float:right;clear:right;width:200px}

div#extra2{float:right;clear:right;width:200px}

div#footer{clear:both;width:100%}

 

hr {

border: 1px solid #000000;

color: #104E8B;

background-color: #104E8B;

height: 4px;

width: 100%;

text-align: left;

}

 

body {background-image: url(http://www.outlawz.frihost.net/fula/image/bground.jpg); background-attachment: fixed; background-position: top center; background-repeat: repeat-y; }

 

</style>

 

the code for the boxes >>

 

<div id="spacer">

<br>

</div>

 

</div><div id="extra">

<br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST NEWS</b></font><br><br>

 

<font face="verdana" color="#000000" size="1">

 

- Kadafi on O.F.T.B CD<br><br>

- King T - New Album<br><br>

- New deathrow compliation<br><br>

- Tupac Center closed<br><br>

</font>

 

</div>

 

<div id="spacer">

<br>

</div>

 

<div id="extra">

 

<br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST INTERVIEWS</b></font><br><br>

 

<font face="verdana" color="#000000" size="1">

- Taje Of Thuglife<br><br>

- Angela Ardis<br><br>

- Assassin<br><br>

- Jon B<br><br>

- Storm<br><br>

- Rated R<br><br>

</font>

 

</div>

 

 

<div id="spacer">

<br>

</div>

 

 

<div id="extra">

<br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST MEDIA</b></font><br><br>

 

<font face="verdana" color="#000000" size="1">

- R.I.P Killa Kadafi (MP3)<br><br>

- Son Rize - Promo Vid (MP4)<br><br>

 

- Kadafi Desktop #1<br><br>

- Kadafi Desktop #2<br><br>

</font>

</div>

 

 

<div id="spacer">

<br>

</div>

 

<div id="extra">

<br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST POLL</b></font><br><br>

 

<font face="verdana" color="#000000" size="1">

 

<table width=150 height=100 id=maintbl align=center cellpadding=0 cellspacing=0 ><tr><td valign=top bgcolor=#104E8B><font id=titlefnt color=#FFFFFF>

<b>

<center>Fatal n Felony

</center></b>

</font>

<br>

<form name=id method=post action=http://www.kpoll.com/results.php?pollid=16118626><font color=#000000><input type=radio name=id value=1> <font id=opt1 color=black>Fatal</font><br><input type=radio name=id value=2> <font id=opt2 color=black>Kadafi</font><br>

<br>

<center>

<input type=submit value=Vote> 

</u>

</a>

 

</center>

 

</form>

</td>

</tr>

</table>

 

</font>

</div>

 

 

<div id="spacer">

<br>

</div>

 

<div id="extra">

<br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">SUPPORT THE REAL</b></font><br><br>

 

<center>

<img src="http://www.assatashakur.org/images/resistbanner011-a.jpg">

</center>

<br><br>

 

</div>

 

if anyone has any questions... ill b checking back later 2 answer them, also if you need anythin else codin wise then let me know, etc etc... thanks 4 any help

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.