Hi, Suzanne...
I'm new to CSS, but managed to get a working solution with two
columns of info using CSS only. The CSS that's inline can be put
into your stylesheet, but when I'm first coding, I'll code inline a lot of
times
then put it in the stylesheet after I'm sure it works and I find a pattern.
This was actually the first total CSS site I've done (and I'm not averse to
using tables)
and I'm still developing it. Now, why I couldn't put "text-align:right;" in
the div style
for the first group, I don't know...but it wouldn't work...the text of the
first column
would align left. (?)
Hope this helps!
Rick
Anyway here's some example code from a site I'm working on:
<div style="line-height:12px; width:150px;
padding-right:15px; float:left;">
<p style="text-align:right;"><b>Liberty
County</b></p>
<p style="text-align:right;"><b>Effingham
County</b></p>
<p style="text-align:right;"><b>McIntosh
County</b></p>
<p style="text-align:right;"><b>Chatham
County</b></p>
<p style="text-align:right;"><b>Fax</b></p>
<p style="text-align:right;"><b>Email</b></p>
<p style="text-align:right;"><b>Owner</b></p>
<p style="text-align:right;"><b>Area
Representative</b></p>
</div>
<div style="line-height:12px; width:311px; text-align:left;
float:left;">
<p>912-876-xxxx</p>
<p>912-826-xxxx</p>
<p>912-437-xxxx</p>
<p>912-355-xxxx</p>
<p>912-876-xxxx</p>
<p><a
href="mailto:[EMAIL PROTECTED]">[EMAIL PROTECTED]</a></p>
<p>Tom Jackson</p>
<p>Donna Jackson</p>
</div>
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
[EMAIL PROTECTED]
Sent: Wednesday, June 20, 2007 11:00 AM
To: [email protected]
Subject: [css-d] Ideas for handling text with CSS
Hi everyone,
I was wondering if anyone has a link or information as how to best handle
text with CSS. By text I mean a line of text that may include 3 pieces of
information, like name, phone, and email address.
In the past, I always used tables for this, but want to handle this with
the use of CSS if possible.
I found a site that mentioned word-spacing, but that won't work because I
don't want a large amount of spacing between the first and last name.
Any suggestions or links are greatly appreciated.
Thanks! ;-)
Suzanne
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
