Reply
Where is this p width being determined?
Old 06-12-2007, 08:59 PM Where is this p width being determined?
Skilled Talker

Posts: 52
Name: ana
Can someone please tell me why my paragraph under the "Spotlight's Partners" heading is not extendidng to the full length of the table i.e. 591px..? Here is my code for the link below:

http://www.spotlight.com.au/community_support

#partner_container { border: 1px solid #CCCCCC; width: 760px; }
#partner_container h2 { color: #0054A6; font-size: 16px; padding-top: 10px; width: 550px; }
#partner_container img { padding-right: 10px; padding-bottom: 10px; }
#partner_container p, p { text-align: justify; font-size: 12px; width : 591px; }

<div id="partner_container">
<h2>Spotlight's Partners</h2>
<img src="./?f=68153" align="left">
<p>Spotlight is proud of its association of the Wakikirri National Story Festival. We have been a "Competition Partner" since 2005 and have provided the organisers with prizes for the winning schools of Story Dance in each state.</p>
<br style="clear:both" />
<img src="./?f=68157" align="left">
<p>Since November 2006 we have been working to help impoverished villages in third world countries with the Stitch In Time program. To find out more about the program, click here.</p>

</div>
ana_rad is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 06-12-2007, 11:23 PM Re: Where is this p width being determined?
Skilled Talker

Posts: 61
Have you tried a different browser?

I have found that Firefox does not support CSS as well as Internet Explorer.

I would recomend that you try another type of browser, and see if they support it better.
TRANZIT JIM is offline
Reply With Quote
View Public Profile
 
Old 06-12-2007, 11:33 PM Re: Where is this p width being determined?
Skilled Talker

Posts: 61
Are you sure that it does not go out to 591px?

Perhaps you should do a div box above the p tags, set that to '591px' and just see if the width of this tag matches the width of your p display area. I would place this after your IMG tag
---Say div.width {width:591px; background-color:#888}

If it looks close, I would recomend that you place a second div around both the div tag above, and all of your p tags. Set this with a border around it. DO NOT set width for this, and set both padding and margin to 0
Place the opening div tag between the IMG tag and the div.width tag, and place the closing tag just before the last div closing tag that you have in your example.
---Say div.outline {border:1px solid #fff; margin:0; padding 0}



If this border touches both the 591px wide div tag, as well as the p tag areas, then both of them are of the same width.
TRANZIT JIM is offline
Reply With Quote
View Public Profile
 
Old 06-12-2007, 11:36 PM Re: Where is this p width being determined?
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Put the image in a containing div tag and you'll probably solve it.

You should also define width, height, and alt attributes for all of your images for accessibility and usability reasons (accessibility since alt attributes descrbie the image to those that cannot see it, and usability since the width and height will define the size of the image and ensure that it stays in a placeholder..

TRANZIT JIM: you're just asking for trouble with that statement, but I'll let others tear you a new A.
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 06-13-2007, 02:15 AM Re: Where is this p width being determined?
Skilled Talker

Posts: 52
Name: ana
Excellent. The div fixed the problem.

However I have another small problem. How do I get the 'stich in time' image to appear on the right of the paragraph "Since November 2006 we have been working to help..."
ana_rad is offline
Reply With Quote
View Public Profile
 
Old 06-13-2007, 10:15 AM Re: Where is this p width being determined?
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
style="float: right;"

That should do it.
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 06-13-2007, 02:33 PM Re: Where is this p width being determined?
LadynRed's Avatar
Super Moderator

Posts: 6,553
Location: Tennessee
I'll guess Adam was just waiting for me to see this one !!

Quote:
I have found that Firefox does not support CSS as well as Internet Explorer.
OH, you are SO misguided in that assumption ! IE is the WORST for CSS support compared to Firefox, Opera, Safari and so many others. IE 7 is better than IE6 and below, but there are still features of CSS that it does NOT support that ALL of the others DO.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-13-2007, 04:16 PM Re: Where is this p width being determined?
moondog's Avatar
Ultra Talker

Posts: 256
Location: Croatia
Quote:
Originally Posted by TRANZIT JIM View Post
I have found that Firefox does not support CSS as well as Internet Explorer.
You have found?! But , You're wrong!
Firefox is much better than IE
moondog is offline
Reply With Quote
View Public Profile
 
Old 06-13-2007, 06:33 PM Re: Where is this p width being determined?
Skilled Talker

Posts: 52
Name: ana
The float right didnt work. I need to have the 'stich in time' logo aligned to the right of the paragrapgh just like the 'world vision logo'
ana_rad is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Where is this p width being determined?
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.16191 seconds with 12 queries