Jump to content
confused and dazed

Safari does not like my class="largeimage" code

Recommended Posts

Hello Internet. Back for another question. I am using CSS styling to make an image larger during a hover event. I have made the code work for IE but Safari does not like it. Actually what Safari is doing is once you click on the image it will show the original image AND the hover image together and separated. The desired effect is that once you hover over an image it will increase the image size. Please help... Here is my CSS code:.thumbnail{position: relative;}/*CSS for enlarged image*/.thumbnail span{position: relative;padding: 0px; left:0px; border: 0px solid #000000;visibility: hidden; color: black; text-decoration: none;}/*CSS for enlarged image*/.thumbnail span img{border-width: 1px solid #000000;padding: 0px;}/*CSS for enlarged image on hover*//*position where enlarged image should offset horizontally */.thumbnail:hover span{visibility: visible;top: -64px;left: -5px;} /*CSS to place DIV around the original image so it does not disturb the rest of my page*/.enlrg{ width:60px; height:70px; border: 1px solid #ffffff; float: left; margin-left: 0px;} Here is my HTML Code:<div id="enlarge" class="enlrg"><a class="thumbnail" href="http://espn.go.com/mens-college-basketball/team/_/id/97/louisville-cardinals" target="_blank"><img src="lvillelogo1.jpg" width="50" height="38" style="float: left; margin-left: 13px; margin-top: 20px;"><span><img src="lvillelogo1.jpg" width="60" height="44" style="float: left; margin-left: 13px; margin-top: 20px;"></span></a></div><div id="enlarge" class="enlrg"><a class="thumbnail" href="http://espn.go.com/mens-college-basketball/team/_/id/2483/oregon-ducks" target="_blank"><img src="oregonlogo1.jpg" width="50" height="38" style="float: left; margin-left: 9px; margin-top: 20px;"/><span><img src="oregonlogo1.jpg" width="60" height="44" style="float: left; margin-left: 9px; margin-top: 20px;"></span></a></div>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...