css text position problem

[Paul Watt]

Hi,
at the bottom of my page, I have two different sentances in the same <div>.
I've got the left hand sentance not positioned and it sits on the left hand
side of the screen. The second sentance is placed in a <div> floated right.
the problem is that the second sentance drops below the level of the first
sentance and I want them in-line. Please help!

The URL is : www.paulwatt.info
CSS www.paulwatt.info/css/paullayout.css

TIA

Paul

[Derek Erb]

<div class="footer">
<div class="copyright">
&copy;paulwatt designs 2005 tel:[phone]
</div>
<div class="valid">
valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a>
</div>
</div>

[Paul Watt]

"Derek Erb" <de*******@gmail.com> wrote in message
news:11**********************@i40g2000cwc.googlegr oups.com...

<div class="footer">
<div class="copyright">
&copy;paulwatt designs 2005 tel:[phone]
</div>
<div class="valid">
valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a>
</div>
</div>

yep, thats my code

[Beauregard T. Shagnasty]

Paul Watt wrote:

Hi,
at the bottom of my page, I have two different sentances in the same
<div>. I've got the left hand sentance not positioned and it sits on
the left hand side of the screen. The second sentance is placed in a
<div> floated right. ^^^^^
<span>
the problem is that the second sentance drops
below the level of the first sentance and I want them in-line. Please
help!

The URL is : www.paulwatt.info CSS
www.paulwatt.info/css/paullayout.css

Move the span to before the &copy; text.

<div class="footer">
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a></span>
&copy; paulwatt designs 2005 tel:[phone]
</div>

You should add a space between &copy; and your name, and probably
between the tel: and the number, too.

--
-bts
-Warning: I brake for lawn deer

[Jonathan N. Little]

Beauregard T. Shagnasty wrote:

Paul Watt wrote:

Hi,
at the bottom of my page, I have two different sentances in the same
<div>. I've got the left hand sentance not positioned and it sits on
the left hand side of the screen. The second sentance is placed in a
<div> floated right.

^^^^^
<span>

the problem is that the second sentance drops
below the level of the first sentance and I want them in-line. Please
help!

The URL is : www.paulwatt.info CSS
www.paulwatt.info/css/paullayout.css

Move the span to before the &copy; text.

<div class="footer">
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a></span>
&copy; paulwatt designs 2005 tel:[phone]
</div>

You should add a space between &copy; and your name, and probably
between the tel: and the number, too.

Or even simpler and would keep the natural order of the text for text
readers....

<div class="footer">
<div>&copy; paulwatt designs 2005 tel:[phone]</div>
valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and
<a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a>
</div>

With CSS:

..footer { text-align: right; border-top: 1px dashed #00f;}
..footer DIV { float: left; }
Also your code:

<p><strong>P</strong>aul Watt Designs...

Could be simply:

<p>Paul Watt Designs
with CSS:
P:first-letter { font-weight: 700; }

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Derek Erb]

Paul,

That's not your code.

This is your code (copied and pasted from your source):

<div class="footer">&copy;paulwatt designs 2005 tel:[phone]
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a></span> </div>
</div>

Look closely. You do not have a div after footer and you used spans
instead of divs.

I modified your code and tested it before posting it. It's obviously
not the same.

[Paul Watt]

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:St*********************@bgtnsc05-news.ops.worldnet.att.net...

Paul Watt wrote:

Hi,
at the bottom of my page, I have two different sentances in the same
<div>. I've got the left hand sentance not positioned and it sits on
the left hand side of the screen. The second sentance is placed in a
<div> floated right.

^^^^^
<span>

the problem is that the second sentance drops
below the level of the first sentance and I want them in-line. Please
help!

The URL is : www.paulwatt.info CSS
www.paulwatt.info/css/paullayout.css

Move the span to before the &copy; text.

<div class="footer">
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.paulwatt.info%2F"
class="validlink">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.paulwatt.info/css/paullayout.css"
class="validlink">Valid CSS</a></span>
&copy; paulwatt designs 2005 tel:[phone]
</div>

You should add a space between &copy; and your name, and probably
between the tel: and the number, too.

--
-bts
-Warning: I brake for lawn deer

Cheers all done

[Beauregard T. Shagnasty]

Paul Watt wrote:

Cheers all done

Yup. I see the space - tel :[phone] - is before the colon rather
than after it.

On your contact page, would you increase the size of the message
textarea to maybe cols=50 and rows=8 ? Visitors would appreciate a
larger box that isn't going to wordwrap so quickly. The Subject field
could be longer as well.

How about a thumbnail of the main page of each site in your portfolio?

--
-bts
-Warning: I brake for lawn deer