N
news.frontiernet.net
I am trying to place two things on one line and control their positioning
with CSS rather than tables.
I have a firm name that I want left adjusted and a category that I want
right adjusted.
Another aspect of this is that some of the firm names are short and some are
very long. And the same is true for the category name. I havnt even tried to
get overflow working yet to deal with the possible overlap of these two
fields.
I am still trying to get these two basic elements positioned as I want them.
Here is the coding that I presently have;
<style type="text/css">
#firmheader {border: 1px solid black; position: relative; background-color:
lightgreen; font-family:Arial; font-size:12; text-align: right; }
..firmheader_name {position: absolute; text-align: left; left:0;}
</style>
<div ID="firmheader">
<span class="firmheader_name" >Firm Name</span>
<span class="firmheader_category">Category of Goods & Services</span>
</div>
I assumed that the parent box of #firmheader would set the positioning for
the inner span so that I could use "left: 0" to set the firm name at the
left. Apparently not.
Does anyone have an example of how to get this sort of thing done in CSS?
with CSS rather than tables.
I have a firm name that I want left adjusted and a category that I want
right adjusted.
Another aspect of this is that some of the firm names are short and some are
very long. And the same is true for the category name. I havnt even tried to
get overflow working yet to deal with the possible overlap of these two
fields.
I am still trying to get these two basic elements positioned as I want them.
Here is the coding that I presently have;
<style type="text/css">
#firmheader {border: 1px solid black; position: relative; background-color:
lightgreen; font-family:Arial; font-size:12; text-align: right; }
..firmheader_name {position: absolute; text-align: left; left:0;}
</style>
<div ID="firmheader">
<span class="firmheader_name" >Firm Name</span>
<span class="firmheader_category">Category of Goods & Services</span>
</div>
I assumed that the parent box of #firmheader would set the positioning for
the inner span so that I could use "left: 0" to set the firm name at the
left. Apparently not.
Does anyone have an example of how to get this sort of thing done in CSS?