Jump to content

Some questions


thewindmaker
 Share

Recommended Posts

Hi there,I have had some site related issue with my site latley... My site is justzelda.com And for some reason in IE the images on the left and right have a white border around them while on FireFox they don't... I don't want them to have this and was wondering how I can fix this for IE users.I need a script (an easy one) where all I have to do is fill in the blanks if its possible so that I can have it so an image on the page changes when you hover your mouse over a link. Then returns to the original image.I also need a code which can post a random image on the site. So every time you push refresh it chooses a random picture from a file and puts it there.I also need a easy poll code which I can use. Thanks for reading!Thewindmaker

Link to comment
Share on other sites

This is becauase your images are not linking properly next to your headings. It seems that the way FireFox Deals with this and the way IE dels with this are slightly different. The little white box and cross is more noticable in IE than the little picture in FireFox.The only way you can change this is to link to an image or just not have an image there.

Link to comment
Share on other sites

need a script (an easy one) where all I have to do is fill in the blanks if its possible so that I can have it so an image on the page changes when you hover your mouse over a link. Then returns to the original image.
For this you would use:CSS:#navlist { font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold; list-style:none;}#navlist a { display:block; width:135px; color:#fff; text-decoration:none; background:url("images/tab.gif") no-repeat; padding:7px 10px 6px 10px;}#navlist a:hover { background-position:0 -29px; color: #1e5ebd;}#navlist a:active { background-position:0 -58px; color:#1e5ebd;}And HTML:<ul id="navlist"> <li><a href="#">Menu Item 1</a></li> <li><a href="#">Menu Item 2</a></li> <li><a href="#">Menu Item 3</a></li> <li><a href="#">Menu Item 4</a></li></ul>Or you could use the javascript rollover effect:An example:< a href="link.html onmouseover="document.rollover.src='mouseoverimg.gif'"onmouseout="document.rollover.src='img.jpg"><img src="img.jpg" name="rollover" /></a>Good Luck!
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...