Copy link to clipboard
Copied
I find the Visual Aids very useful but I've always found it difficult to get the Box Model ( \\\ and ///) to show. I've since found you need to put the cursor in the element's containing div tag, but it also works when cursor is in an img tag as in the first example. In these two examples all visual Aids are on, both have the cursor in the img tag but only the first image shows the \\\ The button in the first image correctly shows the surrounding \\\. The house image in the second page has CSS of img {padding: 20px; margin: 5px 5px 5px 400px;} but the \\\ does not show. Has anyone found which circumstances will always show the \\\ and the /// ? Both are in Design View in DW 2017.0.1
first page is at http://v26.ancestry.higgsy.co.uk/backmaster_letitia.php
second page is at http://v26.ancestry.higgsy.co.uk/one_element.html
1 Correct answer
The first thing I would do if I started getting inconsistent display in DW's Design View is validate the HTML and CSS and clear out any errors. Design View has always had issues displaying anything close to correctly and much more so if there are any errors in the code.
Run the validators below and clean up any structural issues in your html and parse issues in your css...
HTML Validation - https://validator.w3.org/nu/
CSS Validation - http://jigsaw.w3.org/css-validator/
If it's still not displaying
...Copy link to clipboard
Copied
The first thing I would do if I started getting inconsistent display in DW's Design View is validate the HTML and CSS and clear out any errors. Design View has always had issues displaying anything close to correctly and much more so if there are any errors in the code.
Run the validators below and clean up any structural issues in your html and parse issues in your css...
HTML Validation - https://validator.w3.org/nu/
CSS Validation - http://jigsaw.w3.org/css-validator/
If it's still not displaying correctly when you have similar items selected, the contributors here can take a closer look and maybe come up with a reason for the inconsistency.
Copy link to clipboard
Copied
To be honest, I never use visual aids.
Nancy
Copy link to clipboard
Copied
Me either, I rarely use Design View at all.
The Chrome and Firefox dev tools take care of any box model display I might be interested in during a preview in browser.