I am new to using the Fireworks product from Adobe to layout a website design. I am using Fireworks CS5 and will be using Dreamweaver CS5 when I export my data as a CSS.
Here is my question/issue; I have created navigation buttons from images using the Convert to Symbol function in Fireworks. I then use the Add Swap Image Behavior funtion to add the second or "rollover" image. When I use F12 to preview the page in a web browser and mouse over the nav buttons the rollover image is all squished and aobut a 1/4 of the size that it should be. I'm not sure why this is happening. The two images (the up image and rollover image) were created at the same time in photoshop and are the size, font, and all that good stuff.
Any suggestions on what might be going on and how to fix it would be great. Thanks in advance.
HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION
I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or collaboration on the Web. It is also associated with the technology that is used …
In this Micro Tutorial viewers will learn how to create a CSS image sprite
(In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite)
Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to select a color range in Photoshop and how to easily apply them to multiple projects.
Open an image for editing in Photoshop: Open the select Color Range Selection tool by going to Select > Color Range: Sele…