• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Displaying Box Model in Visual Aids seems a bit random

Participant ,
Jan 19, 2017 Jan 19, 2017

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

box_obliques_showning.PNG

second page is at http://v26.ancestry.higgsy.co.uk/one_element.html

box_obliques_not_shown.PNG

Views

314

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 19, 2017 Jan 19, 2017

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

...

Votes

Translate

Translate
Community Expert ,
Jan 19, 2017 Jan 19, 2017

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 19, 2017 Jan 19, 2017

Copy link to clipboard

Copied

To be honest, I never use visual aids.

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 20, 2017 Jan 20, 2017

Copy link to clipboard

Copied

LATEST

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines