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:07766 335848
</div>
<div class="valid">
valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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]

<div class="footer">
<div class="copyright">
&copy;paulwatt designs 2005 tel:07766 335848
</div>
<div class="valid">
valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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]

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

Move the span to before the &copy; text.

<div class="footer">
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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:07766 335848
</div>

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

 

[Jonathan N. Little]

^^^^^


Move the span to before the &copy; text.

<div class="footer">
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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:07766 335848
</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:07766 335848</div>
valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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; }

 

[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:07766 335848
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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]

^^^^^


Move the span to before the &copy; text.

<div class="footer">
<span class="valid">valid <a
href="http://validator.w3.org/check?uri=http://www.paulwatt.info/"
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:07766 335848
</div>

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

Cheers all done

 

[Beauregard T. Shagnasty]

Cheers all done

Yup. I see the space - tel :07766 335848 - 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?