/    Sign up×
Community /Pin to ProfileBookmark

display block issue with IE

Copy linkTweet thisAlerts:
Aug 02.2012

Hey guys!

I can’t seem to figure out why something’s not working in IE.

Please view this page in Firefox – [url]http://www.gymnasticsvillage.com/unifirst/template/_shop_polos.html[/url]

Notice when you hover over a shirt, a ‘quick look’ link pops up. If you click the SHIRT it takes you to a details page, however, the ‘quick look’ opens a modal.

NOW in IE…the quick look works but you can’t click the shirt for the details page.

I’m stumped! Can anyone help me?

Thanks!

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@bionoidAug 02.2012 — Hi lprintz,

After some experimenting I noticed that you had the product link, product image and quick look elements as siblings, where the image is in front of the link:

[CODE]<div class="prodThumb">
<a class="details" href="_shop_productDetail.html"></a>
<img src="../template/images/cart/prod_med.jpg" width="160" />
<a class="ql" href="#prodDetailSmall" name="modal"></a>
</div>[/CODE]

I didn't try swapping the link and image tag orders around, but I placed the image within the product link and it seemed to work fine in IE and FF:

[CODE]<div class="prodThumb">
[COLOR="red"]<a class="details" href="_shop_productDetail.html">
<img src="../template/images/cart/prod_med.jpg" width="160" />
</a>[/COLOR]
<a class="ql" href="#prodDetailSmall" name="modal"></a>
</div>[/CODE]

You might not even need some of the styles applied to the link with this configuration, such as the block and absolute placement.
×

Success!

Help @lprintz spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...