I designed a website in Photoshop, created slices, and exported for the Web to Dreamweaver. When I try to hyperlink a button, such as my logo, it jumbles part of the design up. White spaces appear in short columns and it appears to break the frame (I guess that would be the correct term). It shows up when viewing in the browser. How can I fix this?
PhotoShop creates a tangle of messy HTML code strings, where slightest font changes could potentially screw up your layout. If you cannot clean up your script, try using CSS to make your hyperlink look ‘normal’ as if there was none. If the layout returns to normal, with the hyperlink still there (in desguise), then you know its the font the hyperlink becomes that is screwing up the sizes.
Good LucK!
November 14th, 2009 at 3:54 pm
PhotoShop creates a tangle of messy HTML code strings, where slightest font changes could potentially screw up your layout. If you cannot clean up your script, try using CSS to make your hyperlink look ‘normal’ as if there was none. If the layout returns to normal, with the hyperlink still there (in desguise), then you know its the font the hyperlink becomes that is screwing up the sizes.
Good LucK!
References :
November 14th, 2009 at 4:43 pm
Your question is fairly vague, but I’d be willing to bet that the content of the <td>’s in your table is expanding beyond the size of your photoshop slices. I’ve never used Dreamweaver but it sounds like its just a problem with your HTML (That Dreamweaver generated on your behalf).
Honestly, I doubt that the DW GUI is going to give you the ability to do what you’re looking to do. You might have to learn some elementary HTML/CSS.
References :