Skip navigation
Connor A Ross
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.

 
Replies
  • Currently Being Moderated
    Jan 23, 2013 12:53 PM   in reply to Connor A Ross

    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:
  • Currently Being Moderated
    Jan 23, 2013 4:13 PM   in reply to Connor A Ross

    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:
  • Currently Being Moderated
    Jan 24, 2013 6:32 AM   in reply to Connor A Ross

    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:

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