473,765 Members | 2,053 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

css text position problem

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
Mar 31 '06 #1
7 2190
<div class="footer">
<div class="copyrigh t">
&copy;paulwa tt designs 2005 tel:07766 335848
</div>
<div class="valid">
valid <a
href="http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">Valid CSS</a>
</div>
</div>

Mar 31 '06 #2

"Derek Erb" <de*******@gmai l.com> wrote in message
news:11******** **************@ i40g2000cwc.goo glegroups.com.. .
<div class="footer">
<div class="copyrigh t">
&copy;paulwa tt designs 2005 tel:07766 335848
</div>
<div class="valid">
valid <a
href="http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">Valid CSS</a>
</div>
</div>


yep, thats my code
Mar 31 '06 #3
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">v alid <a
href="http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">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.

--
-bts
-Warning: I brake for lawn deer
Mar 31 '06 #4
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">v alid <a
href="http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">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.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and
<a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">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
Mar 31 '06 #5
Paul,

That's not your code.

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

<div class="footer"> &copy;paulwa tt designs 2005 tel:07766 335848
<span class="valid">v alid <a
href="http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">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.

Mar 31 '06 #6

"Beauregard T. Shagnasty" <a.*********@ex ample.invalid> wrote in message
news:St******** *************@b gtnsc05-news.ops.worldn et.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">v alid <a
href="http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.pau lwatt.info%2F"
class="validlin k">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.paulwatt.in fo/css/paullayout.css"
class="validlin k">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.

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


Cheers all done
Mar 31 '06 #7
Paul Watt wrote:
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?

--
-bts
-Warning: I brake for lawn deer
Mar 31 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
1602
by: grayFalcon | last post by:
Hello! I've got a small problem here. I'm trying to write some code that would generate a drop-down menue for me, where I'd just need to enter the menu- and submenu items into an array. The items are to be displayed as text. Now, I want to have the layers with the submenues to appear more or less under the appropriate main menu items. For this I need to be able to calculate how many pixels a given text uses up on the screen of the user....
4
8579
by: JE | last post by:
Hi! I am snooping around all sorts of websites and faqs, in search of a way to pick up any selected (mouse-highlighted) text in a HTML page, and store it in a JavaScript variable. I have found an excellent site which actually has a great cross-platform script for doing just this;
4
1855
by: anatushi | last post by:
Hi, im looking for help on how to add a text fader to my website, usually i'm working with css but in this case i need to add java script to make it work, that wasn't the problem but somehow it seems like they are not compatible with each other so when i add the text fader code in the <body> tag,the rest of my site is gone :S if someone please can have a look at my code and tell what am i doing wrong. thx allot for whom of you who can =) ...
1
4605
by: Mickey | last post by:
Hi, I have a script which works in both IE but is sluggish in Firefox. The script is a simple text scroller. It works perfectly in IE however in Firefox, the text scroll slower and eventually just stops. I would aprechiate it someone could look at the code below and maybe see where the problem is?
4
2902
by: sweep | last post by:
Hi there, I have a problem with some CSS I'm writing and I was looking for a little help. I have a nav bar at the top and left side of my page in CSS which work fine. The remaining space has a div which I'm using for body text. Floated to the right of this are two image boxes and a broken out quotation from the page (this box is wider than the images). The layout is working, except that the text in the main section doesn't seem to wrap...
1
4493
by: Line 1 | last post by:
Hello!! Can you help me with my CSS problems? I have created a page that overlays text on an image. the problem is that it is leaving all this space at the bottom of background image that I also need to remove. The page is for a nonprofit organization. You can see my HTML code here, and I have attached a graphic that shows how the page should look.
10
5980
by: Kenneth Brody | last post by:
I recently ran into an "issue" related to text files and ftell/fseek, and I'd like to know if it's a bug, or simply an annoying, but still conforming, implementation. The platform is Windows, where text files use CF+LF (0x0d, 0x0a) to mark end-of-line. The file in question, however, was in Unix format, with only LF (0x0a) at the end of each line. First, does the above situation already invoke "implementation defined" or "undefined"...
2
2104
by: george.leithead | last post by:
Hi all, I have a very strange problem! In following Web page (which is generated from a CMS System), the navigation to the left 'dissapears' when you roll the mouse over the links? It does not do this in all browsers either. I have found it to happen in IE 7 and the latest patched IE 6. I have tried to find out the reason, but keep finding strange behaviour! You will see at the bottom of the HTML, I have a comment. If you follow...
8
3361
by: Edward | last post by:
I used to do this all the time in HTML-table layouting. How do I do this in CSS? -------------------------------------------------- <table width="400px"> <tr> <td bgcolor="beige">one line of text</td> </tr> <tr> <td bgcolor="#eeeeee" align="center">this is another line of text</td>
0
9398
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10156
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10007
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9832
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8831
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5419
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3924
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3531
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2805
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.