Copy link to clipboard
Copied
Hello,
I am using this bottstrap template and i keep getting this error no matter how i modify my code.
if i use double quotes, my image wont show as a background.
the website is live on: www.elissaco.com
and here is a text copy of the code:
<div class="col-lg-5 align-items-stretch order-1 order-lg-2 img" style='background-image: url("assets/img/120s.png");' data-aos="zoom-in" data-aos-delay="150">
</div
along with a screenshot of what adobe shows me
Copy link to clipboard
Copied
Try using double quotes around the style tag but single quotes around the background image url path/name.
It doesn't matter if the style tag has single quotes around it. I think Dreamweaver is just using its own preference rather than it being an exacting requirement.
Copy link to clipboard
Copied
Yeah, this is part of DW's Linter settings and can be turned off, since alternating nested quote styles is correct. The Linter is just a bit overzealous and tries to force the will of whoever designed it onto your code.
1. Open DW and go to Edit > Preferences > Linting
2. Click HTML so it's highlighted
3. Click Edit & Apply Changes
4. In the file that comes up, near the top, change the line...
"attr-value-double-quotes": true,
...to...
"attr-value-double-quotes": false,
4. Save and close. The warning should be gone.
Copy link to clipboard
Copied
This works.
style="background-image: url('assets/img/120s.png');"
Copy link to clipboard
Copied
Thank you! it worked ))
Find more inspiration, events, and resources on the new Adobe Community
Explore Now