3 replies [Last post]
Pinago
Pinago's picture
Offline
Regular
Last seen: 8 years 18 weeks ago
Timezone: GMT-4
Joined: 2010-02-18
Posts: 49
Points: 66

Hi, I had replaced a rollover navbar image a while back and I double-checked my styles and the actual image sizes and all seems correct... But the image appears squished more than the images around it in the navbar, especially in firefox. Can anyone explain why this is happening/happens?

Here is the site, see the bottom right word, Websites (ironically):
http://www.wrapitboston.com

Thanks for your help!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 8 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

name="buttonWebsites"

name="buttonWebsites" width="86" height="17" border="0" align="top" id="buttonWebsites" />

Might be to do with the height="17" attribute?

You could also do with recreating that menu, there are a lot better CSS-based rollover menus that don't require unnecessary javascript.

Verschwindende wrote:
  • CSS doesn't make pies

Pinago
Pinago's picture
Offline
Regular
Last seen: 8 years 18 weeks ago
Timezone: GMT-4
Joined: 2010-02-18
Posts: 49
Points: 66

CSS menu

Thanks. I will check that. Do you have a link to css menu rollovers, and specifically one that shows how to roll-over images (since my menu is swapping images not text)? Thanks

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 8 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

Pinago wrote: Do you have a

Pinago wrote:

Do you have a link to css menu rollovers, and specifically one that shows how to roll-over images (since my menu is swapping images not text)? Thanks

I have 811 thousand. Laughing out loud

I learnt with ALA's http://www.alistapart.com/articles/slidingdoors2/ but keep in mind that article is nearly 7 years old, so there's probably newer and better methods out there that other members would suggest Wink

Verschwindende wrote:
  • CSS doesn't make pies