Body ignoring <p> tag

This is a discussion on "Body ignoring <p> tag" within the Web Page Design section. This forum, and the thread "Body ignoring <p> tag are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 27th, 2006, 20:58
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Body ignoring <p> tag

Anyone got any ideas as to why my body text area is ignoring my <p></p> tags? Thanks

html
Code: Select all
<div id="mainwarp">
<div id="right">
<div id="telephone">Telephone Here</div>
<div id="rightimage"><img src="http://www.webforumz.com/images/sideimage.gif" width="220" height="326" /></div>
<div id="otherlinks">links here</div>
<div id="buyonline">Buy online here</div>
</div><!--end right-->
<div id="left">
<div id="header"><img src="http://www.webforumz.com/images/kevinheader.gif" alt="Kev Coaching" width="360" height="76" /></div>
<div id="navigation">
<div id="listmenu">
 <ul>
  <li><a href="#">Who is </a></li>
  <li><a href="#">Sales Effectiveness</a></li>
  <li><a href="#">Appointment Making</a></li>
  <li><a href="#">Sales Presentation</a></li>
  <li><a href="#">Time Management</a></li>
  <li><a href="#">Get The Sale</a></li>
  </ul>
</div>
</div>
<div id="bodytext">
<p>One of the biggest challenges facing all of us is how to be happy</p>
<p>let me ask you this "What is happiness to you"?</p>
<p>It's the underlying issue that most people bring to a sales trainer - go on write down what happiness is to you - go on do it now !!! 
- listen if you are looking to be better than you are you have to put in some effort right ? - so take 2 minutes and write down what would you need to have, own, be involved in, drive, what kind of wife or partner would you like, house to be happy - without knowing that part first the rest is a waste of time</p>
</div><!--end body content-->
<div id="footer">Footer Goes Here</div>
</div><!--end left-->
</div><!--end mainwarp-->
Code: Select all
/* CSS Document */
body {margin:0px; padding:0px; font: 0.7em verdana, arial, sans-serif;
text-align:center; background-color:#4F6273;
}
/* Main Wrap */
div#mainwarp{
width: 930px;
padding-top: 10px;
text-align:left; 
background-color:#4F6273;
}
*{
margin:0;
padding:0;
}
.clearfix:after{
content:".";
display:block;
height: 0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;
}
*html.clearfix{
height: 1%
}
.clearfix {
display:block;
}
div#right{
width: 220px;
background-color:#FF9900;
float:right;
}
div#left{
width:697px;
background-color:#FFFFFF;
float:left;
}
div#header{
width: 705px;
height: 76px;
background-color:#FFFFFF;
}
/* Navigation */
div#navigation{
width: 710px;
height: 25px;
background-color:#0184A0;
}
div#listmenu {
margin-top: 5px;
color:#FFFFFF;
}
div#listmenu ul {margin:0 0 0 4px;/* indent from left */
}
div#listmenu li {
list-style-type:none; 
float:left; /*align horizontally*/
}
div#listmenu a {
 padding:30px 6px; /*creates space each side of menu item's text */
 text-decoration:none; 
 color:#069; 
 color:#FFFFFF;
 }
/* End of Navigation */
div#telephone{
width: 220px;
background-color:#0184A0;
height: 76px;
}
div#bodytext{
width: 100%;
padding-left: 8px;
padding-right: 5px;
padding-top: 10px;
background-color:#ECECEC;
}
/* Footer */
div#footer{
width: 710px;
text-align:center;
background-color:#339900;
}
/* Right Image */
div#rightimage{
width: 220px;
background-color:#3300CC;
}
.body p{
color:#333300;
}
div#otherlinks{
width: 220px;
background-color:#FF66CC;
}
div#buyonline{
width: 220px;
background-color:#ECECEC;
}
div#body2{
font:Arial, Helvetica, sans-serif;
}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jun 28th, 2006, 15:06
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Body ignoring <p> tag

You mean that you don't even get paragraphs? I can't see why. If it's up, do you have a url so we can see the problem? All I can think of is something screwy in the <head> or doctype that is causing some weird markup language.

If you mean your css isn't affecting your <p> style,that's a different issue.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jun 28th, 2006, 15:20
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Body ignoring <p> tag

Not sure why the paragraphs are giving you trouble but I would change the following:

body {margin:0px; padding:0px; font: 0.7em verdana, arial, sans-serif;

to:

body {
margin:0;
padding:0;
font-size:0.7em;
font-family:verdana, arial, sans-serif;
}

You don't need to specify a value on any element with a value of 0. Sounds teeny but in the long run will save you typing time etc.
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jun 29th, 2006, 10:10
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Body ignoring <p> tag

Strange one isn't it?

http://www.wesellfudge.co.uk/pt/homepage.htm
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Jun 29th, 2006, 10:31
minute44's Avatar
Most Reputable Member

SuperMember
Join Date: Apr 2006
Location: Nottingham UK
Age: 25
Posts: 1,351
Blog Entries: 1
Thanks: 0
Thanked 1 Time in 1 Post
Re: Body ignoring <p> tag

Quote:
Originally Posted by csa
Ummm, no. I did a view source on that URL and the only <p> tags in there were:

Code: Select all
<p>Add some here</p>
<p>Add some more text</p>
and they display OK...

I think you havn't uploaded the HTML file to the right place....
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Jun 29th, 2006, 11:54
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Body ignoring <p> tag

Are you telling me that when you click on the link you can see paragraph spacing between Add some here and Add some more text?!

When I preview and upload the file I view the page as so...

Add some here
Add some more text

instead of

Add some here

Add some more text

I can cheat and put the following in and it seems to come up as okay in W3C, however it shouldn't need this.
<p>Add some here</p></br>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Jun 29th, 2006, 12:05
minute44's Avatar
Most Reputable Member

SuperMember
Join Date: Apr 2006
Location: Nottingham UK
Age: 25
Posts: 1,351
Blog Entries: 1
Thanks: 0
Thanked 1 Time in 1 Post
Re: Body ignoring <p> tag

Quote:
Originally Posted by csa
Are you telling me that when you click on the link you can see paragraph spacing between Add some here and Add some more text?!

When I preview and upload the file I view the page as so...

Add some here
Add some more text

instead of

Add some here

Add some more text

I can cheat and put the following in and it seems to come up as okay in W3C, however it shouldn't need this.
<p>Add some here</p></br>
Oh I didn't realise that spacing was the problem...

No, you're quite right. You shouldn't need to use <br />. I'm guilty of this one from time to time though. It is a quick fix that validates quite well. But... THis particular issue seems to be some kind of bottom margin issue on your <p> tags...

Try giving your <p> tags a bottom margin of like 10px... see if that solves anything. Again the default should put a bottom margin in there but for some reason it doesn't look like it has...
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Jun 29th, 2006, 12:33
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Body ignoring <p> tag

If you set a single padding/margin on your paragraphs then they will lose their default values so you need to specify p { margin: top right bottom left; } etc..
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Jun 29th, 2006, 12:36
minute44's Avatar
Most Reputable Member

SuperMember
Join Date: Apr 2006
Location: Nottingham UK
Age: 25
Posts: 1,351
Blog Entries: 1
Thanks: 0
Thanked 1 Time in 1 Post
Re: Body ignoring <p> tag

Quote:
Originally Posted by moojoo
If you set a single padding/margin on your paragraphs then they will lose their default values so you need to specify p { margin: top right bottom left; } etc..
oops, of course you do! I should have said that!


Oh well, this is why your a better designer than me moojoo....
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Jun 29th, 2006, 13:04
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Body ignoring <p> tag

Thank you folks, this did the trick!
margin:0px 0px 10px 0px;

Got another problem with my right div tag but will try and see if I can suss this out before posting.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
body, ignoring, ltpgt, tag

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

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

Similar Threads
Thread Thread Starter Forum Replies Last Post
IE6 Ignoring some styles but IE7 works fine?? swillicott Web Page Design 4 May 14th, 2008 11:35
Firefox ignoring padding-left rawling Web Page Design 9 Jul 11th, 2007 22:03
IE 7 ignoring css fonts choice ukgeoff Web Page Design 5 Oct 24th, 2006 16:15
methods of ignoring HTML ama Web Page Design 5 Jul 31st, 2006 18:37


All times are GMT. The time now is 08:58.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42