|
Posted by David E. Ross on January 24, 2007, 11:02 am
Please log in for more thread options
Frobinrobin wrote:
> 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>
>
> 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>
>
>
> The results (as you will see) are that when using the stylesheet, the
> columns continue on the next HALF line resulting in:
>
> description
>
For tabular displays (e.g., data in columns), tables might indeed be
okay. However, for creating two parallel columns, see my
<http://www.rossde.com/PGP/pgp_keysign.html>, where both the table of
contents and the lists of cities are in columns formatted via <div> and
CSS.
--
David E. Ross
<http://www.rossde.com/>
Concerned about someone (e.g., Pres. Bush) snooping
into your E-mail? Use PGP.
See my <http://www.rossde.com/PGP/>
| 
XML Sitemap