If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

[RESOLVED] Rollover Question

Ok i have a rollover effect that's set to 35 pixels, but then when you click on it it has a 5px space underneath the image. I then made the image 30 pixels and it is now the right height but the image is stretched.

This still doesn't solve the 30 vs 35 pixel problem, but I did not see enough code there to guess as to the nature of the problem. There may be a problem with the original images being different heights, you can stop the stretching by inserting the correct width. If you eliminate tables and used css, then it's not an issue.

Better yet, don't use pictures for the word "Home" use text, and change it's style when hovering. This way the navbar will flow around your customer's browser settings.

This still doesn't solve the 30 vs 35 pixel problem, but I did not see enough code there to guess as to the nature of the problem. There may be a problem with the original images being different heights, you can stop the stretching by inserting the correct width. If you eliminate tables and used css, then it's not an issue.

Better yet, don't use pictures for the word "Home" use text, and change it's style when hovering. This way the navbar will flow around your customer's browser settings.

--Dave

I tryed to do the whole Id="navbar" thing and set it up with css but it was kinda complicated i thought, I only tryed it once 1 night and i guess if nothing here works i could try that again. And for the Home i have a special text and a border around that text, is there anyway to atleast put a border around it the word? (not a box but around every letter)

*You need to quote any name or id's . <td id="home"></td> There can only be one id'd tag on your page as well. There may be multiple names.

* Make sure that both pictures have the same height and width.

* Set both the height and width of the picture. If you don't do this, then the image will be scaled to fit. You can force a 30 by 40 picture into a 20 by 38 frame by putting 'width="20 Height="38"' into your <img> tag, and the image will be horribly distorted, but it will fit.