Mon, 2011-10-03 13:11
I moved a link(class=tw-slideshow-more) so it's on top of an image using absolute positioning with top and left. As a result of this the text of my link became unclickable(actually only the ellipse was clickable, but if I add more text or move it further inside the box then the whole thing becomes unclickable). Explanation?
(NOTE: below works as expected in IE9 but not Safari and Firefox)
<div class="tw-slideshow-desc"> <div class="tw-slideshow-title"><?php print $fields['title']->content; ?></div> <div class="tw-slideshow-teaser"><?php print $fields['teaser']->content; ?> <div class="tw-slideshow-more"> <a href="<?php print $href; ?>">More...</a></div></div> </div> div.tw-slideshow-desc { position:relative; margin-top:-100px; 1width:700px; /* not necessary because 9 | 3 => 700px */ height:100px; background-color:white; color:black; opacity:0.5; } .tw-slideshow-more { position:absolute; 1text-align:right; 1margin-top:-5px; top:80px; left:655px; }
Tue, 2011-10-04 06:33
#2
Yeah. I guess it's not a
Yeah. I guess it's not a "beginning CSS" question
Tue, 2011-10-04 09:19
#3
Do you have this publicly
Do you have this publicly available somewhere? A link? I'd like to see this in action.
cheers,
gary
Wed, 2011-10-05 10:11
#4
staging.theaterwashington.org
oops. The test site has been secured. sorry.
Wed, 2011-10-05 13:54
#5
Closing this thread in favor
Closing this thread in favor of http://csscreator.com/topic/link-no-longer-clickable-because-absolute-position
cheers,
gary/mod