Go Back   SitePoint Forums > Forum Index > Design Your Site > Web Page Design > CSS
Newsletter FAQ Members List Calendar Mark Forums Read

New to SitePoint Forums? Register here for free!

SitePoint Sponsor
 
Reply
 
Thread Tools Display Modes
Old Jul 5, 2009, 11:45   #1
RyanReese
CSS Consultant/Ninja-I'm fast
SitePoint Award Recipient
 
RyanReese's Avatar
 
Join Date: Oct 2008
Location: Whiteford, MD
Posts: 10,067
Quote:
Originally Posted by rbfree View Post
THanks Ryan. The author said the solution (to posed problem) didn't require js so I was a bit confused on that. Apparently auth was styling with js, then.
Oh wait I retract my statement...I missed it in the CSS too lol.

He makes the image big by default, but sets it to 100% of the anchors width/height, and on hover he sets the width/height back to auto
Code:
.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
	cursor:default; height:auto; width:auto;
	overflow:visible; border:1px solid #369;
	margin:-1px 0 0 -1px; }
	html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }
	
.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }
RyanReese is offline   Reply With Quote
Old Jul 6, 2009, 08:54   #2
rbfree
SitePoint Zealot
 
Join Date: Jan 2008
Location: Hot Springs, Montana
Posts: 195
Thanks for articulating this tactic. Clever, from my perspective. Do you see any major drawbacks to this approach?
rbfree is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread | Next Thread »

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Sponsored Links
 
Forum Jump


All times are GMT -7. The time now is 14:30.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Copyright 1998-2009, SitePoint Pty Ltd. All Rights Reserved