|
Posted by Jonathan N. Little on 03/31/06 16:08
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 © 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>
> © paulwatt designs 2005 tel:07766 335848
> </div>
>
> You should add a space between © 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>© paulwatt designs 2005 tel:07766 335848</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
[Back to original message]
|