|
Posted by Frobinrobin on January 24, 2007, 6:04 am
Please log in for more thread options
Hi all,
I have this irritating problem. I cannot use tables and I need to
format text in columns.
I decided that DIV would serve the purpose and set about learning a few
properties for them.
When I apply properties to the DIV tag direct, the display is correct.
When I use a CSS stylesheet, the display is incorrect. Please can
someone help / point me in the right direction?
HERE IS MY CODE:
Applied directly to DIV TAG
<div style="background-color:#003366; color: #ffffff; float: left;
position: relative; padding-left: 10px; width: 120px;"><a
href="browse.php">Description</a></div>
<div style="background-color:#003366; color: #ffffff; float: left;
position: relative; padding-left: 10px; width: 30px;"><a
href=\"edit.php">[edit]</a></div>
outputs:
description edit
description edit
description edit
---------------------
Using CSS:
stylesheet:
.make_column {
background-color: #003366;
color: #ffffff;
float: left;
position: relative;
padding-left: 10px;
width: 120px
}
html page:
<div class="make_column"><a href="browse.php">Description</a></div>
<div class="make_column"><a href=\"edit.php">[edit]</a></div>
outputs:
description edit
description edit
description
edit
---------------------------------------------
The results (as you can see) are that when using the stylesheet, the
columns continue on the next HALF line whereas they are in line when
applied direct to the div tag.
I've tried putting an extra div tag which has a width of the two
columns but it does not have the desired effect (I dont think width is
a element of the div tag?)
Any help would be much appreciated! (even if it is to suggest a
different method of making columns than DIV tags)
Regards
Rob
| 
XML Sitemap