Skip navigation
Connor A Ross
Connor A Ross Calculating status...
Currently Being Moderated

Dotted lines around AP Div

Jan 23, 2013 12:46 PM

Tags: #cs5 #line #div #cs5.5 #layout #ap #dotted #misplaced

I am in the process of creating a template for a personal portfolio but at some point the AP Div’s displayed a dotted line around them and the header became misplace which is a bit of a nuisance while designing the layout; however it looks fine in the browser. I’m not a professional by any means and I cannot see anything in the code that would cause it.

 

Here is the link the project on my Google Docs with all the necessary images.

 

https://docs.google.com/file/d/0B16h5K8s58WYakNCTG5zY1oyNzg/edit

 

Go to File > Download to save the .zip

 

If you’re worried I’m trying to put a virus on your computer which is completely understandable here is a link the unzipped folder on Google Docs where you can save the [five] images and css/html files separately.

 

https://docs.google.com/folder/d/0B16h5K8s58WYRW9janlwbkwxMW8/edit

 

I am using CS5.5

 

Thanks for any help.

378 Views   5 Replies   Latest reply: Jon Fritz II, Jan 24, 2013 6:32 AM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Jan 23, 2013 12:53 PM   in reply to Connor A Ross
    Report

    The best way to get help in this forum is to upload your test page & support files to a public web space you control (yourdomain.com) so we can view the project in our browsers. 

     

    When your questions have been answered, you can take the files off your remote server.

     

     

    Nancy O.

     
    |
    Mark as:
  • Connor A Ross
    Currently Being Moderated
    2. Connor A Ross,
    Jan 23, 2013 1:14 PM   in reply to Nancy O.
    Report

    It looks fine in browser as I said. The problem is withing Dreamweaver.

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    Jan 23, 2013 4:13 PM   in reply to Connor A Ross
    Report

    Use Live View & Preview in Browsers.   Design View is not reliable.  That said, you may want to check your code for errors.

     

    CSS - http://jigsaw.w3.org/css-validator/

    HTML - http://validator.w3.org/

     

    Nancy O.

     
    |
    Mark as:
  • Connor A Ross
    Currently Being Moderated
    4. Connor A Ross,
    Jan 23, 2013 4:30 PM   in reply to Nancy O.
    Report

    Thanks for the links I will use the validation service later, but I mean while editing not in Live View. The top image is editing view in Dreamweaver and the below is how it looks in browser & live view & how it was arranged in editing view before it changed.

    1.jpg

     
    |
    Mark as:
  • Jon Fritz II
    Currently Being Moderated
    5. Jon Fritz II,
    Jan 24, 2013 6:32 AM   in reply to Connor A Ross
    Report

    Typically when design view goes out of whack for me, it's code errors causing it.

     

    DW's Design View is not nearly as forgiving as a browser or even Live View when it comes to code errors and will blow up on you very easily, which is actually kind of a good thing when you think about it. It makes sure you know "something" is wrong, it is just unfortunate that it won't tell you.

     

    Cleaning up the code will typically fix this kind of thing.

     

    Something else to look for is the use of html attributes to control items in combination with css attributes. I find, pretty frequently, that DW (CS4 anyway) will get upset if I use an html attribute to control things like width or padding in a table, while also using css for other aspects of the same element. It seems to like having all css or all html controllers. While it's not technically "invalid", Design View seems to get confused by it. If cleaning the code doesn't fix your issue, look into makeing sure your elements are controlled by css only.

     
    |
    Mark as:
Actions

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