Skip navigation
Currently Being Moderated

Paragraph alignment problem

May 10, 2012 6:24 AM

My first mistake was probably using Word to type the long article I wrote for the small website I run.  When I pasted the article into my page, three of the paragraphs in the middle of the article were not padded in that they were flush with the left edge of the content div rather than being offset from the div by 15 px like the other paragraphs.  I'm not very good at CSS even though I've been using it at a really basic level for three years now.  I did everything I knew to do but was unable to fix this so I deleted all the text from the page and removed all the codes from that area of the page.  I then copied the text into Notepad, removed all the formatting and put it back into my page with the same result.  I studied the code closely and could not find any problems.  When I look at the source of the page at http://www.alex.k12.ok.us/ (lines 245-274), I see code that is different from what I see in Dreamweaver.  I eventually caused the text to display correctly (gotta get this published, after all) by deliberately removing a code to cause one of the paragraphs not to display at all, which allowed the entire thing to display correctly.  Can someone tell by looking at the source noted above what is wrong with the text?  I have encountered this problem before when pasting from Word and generally don't use it.  I was in a hurry, though, and when I pasted it, I used the Paste Special, text only without formatting, command to insert it into the page.  

 
Replies
  • Currently Being Moderated
    May 10, 2012 7:11 AM   in reply to tamower

    Hi tamower,

     

    clicking you link I get (translated from my German IE8: "website can not be displayed."

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 8:23 AM   in reply to tamower

    You have some coding errors to fix.

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.alex.k12. ok.us%2F

     

    Starting on Line 245, you have malformed <br> and <p> tags.  Fix those first.

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 8:25 AM   in reply to tamower

    Hi tamower,


    sorry, there is no change. Here screenshot of my IE8:

     

    drIE8.jpg

     

    Here my FF:

     

    drFF.jpg

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 8:28 AM   in reply to tamower

    Hi that's interesting: the validation link works, but not the "naked" link!

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 9:19 AM   in reply to tamower

    Part of the problem is you're mixing HTML and XHTML syntax.  It might be easier if you switch to an XHTML doc type.

    Modify > Page properties > Title/Encoding > XHTML transitional.

     

    Invalid code:  </p    </        <p>  <br>

     

    Valid code:  <p> some text here... </p>     <p><strong>some bold text</strong><br /> 2nd line, same paragraph... </p>

     

    That should take care of the paragraph problems.

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 9:31 AM   in reply to Nancy O.

    Hello Nancy,

     

    do you see his website in IE and/or FF?

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 10:06 AM   in reply to hans-g.

    Hans,

    I am in California.  No problem in Chrome18, FF12 and IE9.

     

    You are in Europe. Maybe your ISP is blocking URL .ok.us

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 10:32 AM   in reply to tamower

    I've been following this for the past few hours and to be honest I'm none the wiser I keep looking at your page http://www.alex.k12.ok.us/ and don't see any paragraphs that remain flush left????

     

    If you have removed that paragraph then no one can trouble shoot why it is being troublesome.

     

    Having said that I think you mentioned somewhere you copied everything from Word so I wouldn't be surprised if its messed up somewhere.

     

    Have you tried just typing that paragraph in again manually?

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 10:31 AM   in reply to Nancy O.

    Hello Nancy,

     

    thanks, I made a request there immediately.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 10:31 AM   in reply to tamower

    When you pasted from MS Word, you no doubt injected some junk code somewhere.   If you copy & paste from Word into Notepad, that will strip the formatting for you.

     

    To save time, try opening your DW page in Notepad to see if you can locate the junk code.  Save it.  Then preview in browsers.  It might provide all the cleansing you need.

     

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points