Mobile app version of vmapp.org
Login or Join
Ravi8258870

: Dreamweaver: Overlaying an image so it makes it easier to adjust CSS and positioning items? I have a website i have created in Photoshop, i am exported everything i need. I now need to set

@Ravi8258870

Posted in: #Css #Dreamweaver #Photoshop

I have a website i have created in Photoshop, i am exported everything i need. I now need to set things up in dreamweaver and position thing using CSS.

I want to ensure that i align my items in HTML exactly how they are in the PSD.

Does dreamweaver support Alpha overlays or something similar ?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi8258870

2 Comments

Sorted by latest first Latest Oldest Best

 

@Pierce454

There is a place to do this right in DW. Modify>Page Properties> tracing image
you will be able to adjust the transparency of the image here.
check my screenshot .

But , the other answer here has a good point, that for web development, it's really best design and test repeatedly in the browsers since they all render slightly different.

10% popularity Vote Up Vote Down


 

@Odierno851

One of the most effective ways to do it is to preview changes in Firefox and use the Pixel Perfect extension.
addons.mozilla.org/en-US/firefox/addon/pixel-perfect/
You might want to use a good CSS reset, to minimize browser inconsistencies.

If you don't want to install the extension, an alternative is to create an almost transparent png image in Photoshop and overlay it over the html. Use it while you are aligning the html elements with HTML and CSS and remove it once it's done.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme