Highlighted

Width image auto-completion

New Here ,
Sep 17, 2020

Copy link to clipboard

Copied

Hi All

With my last laptop when I used to write width in an image, it was auto-completed by Dream when you write the first ".
But on the new laptop it doesn't work anymoye.
Where is this option please ?
Thank you in advance.
Fabien

Views

72

Likes

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

Width image auto-completion

New Here ,
Sep 17, 2020

Copy link to clipboard

Copied

Hi All

With my last laptop when I used to write width in an image, it was auto-completed by Dream when you write the first ".
But on the new laptop it doesn't work anymoye.
Where is this option please ?
Thank you in advance.
Fabien

Views

73

Likes

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
Sep 17, 2020 0
Adobe Community Professional ,
Sep 17, 2020

Copy link to clipboard

Copied

If you go to the Dreamweaver settings, click on Code Hints and there you will see options for auto-completion for quotes that should fix your issue.

Likes

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
Reply
Loading...
Sep 17, 2020 0
New Here ,
Sep 17, 2020

Copy link to clipboard

Copied

Thanks Ben_M for your answer !
But this option was deactivated.

I mean when I have this : src="images/logo.png" width="

Dream gives automatically the width of the image

And so I have this : src="images/logo.png" width="160"

Thanks a lot

Likes

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
Reply
Loading...
Sep 17, 2020 0
Adobe Community Professional ,
Sep 17, 2020

Copy link to clipboard

Copied

If the settings Ben points to are correct, this can also happen because of html errors in your code.

Run your page through the validator at http://validator.w3.org/nu and clean up any errors it finds. That may bring the code completion back online for you.

Likes

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
Reply
Loading...
Sep 17, 2020 0
New Here ,
Sep 17, 2020

Copy link to clipboard

Copied

Thank you but even if I desactive w3c, witdh isn't purposed when I write ' witdh=" '.

Likes

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
Reply
Loading...
Sep 17, 2020 0
Adobe Community Professional ,
Sep 17, 2020

Copy link to clipboard

Copied

Width is in my CSS code. I prefer to have no width in my HTML markup.

 

For example, this same sized image displays differently depending on which CSS code I use.

image.png

Try it yourself.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Image Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<style>
.container {
width: 98%;
margin: 0 auto;
border: 2px dotted red;
}
img { max-width: 100%; }

.full-screen { width: 100% }
</style>
</head>

<body>
<div class="container">
<div> <img src="https://dummyimage.com/1200x350" alt="placeholder"> </div>

<div> <img class="full-screen" src="https://dummyimage.com/1200x350" alt="placeholder"> </div>
</div>
</body>
</html>

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Sep 17, 2020 0
New Here ,
Sep 18, 2020

Copy link to clipboard

Copied

Thank you Nancy !
But I need css inline because it's for emaililng code.

Have a nice day !

Likes

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
Reply
Loading...
Sep 18, 2020 0
Adobe Community Professional ,
Sep 18, 2020

Copy link to clipboard

Copied

Then use INLINE CSS styles, not HTML markup.

<img style="max-width:100%" src="https://dummyimage.com/1200x350" alt="brief description">

 

Have a nice day!

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Sep 18, 2020 0