5 replies [Last post]
Jephers
Offline
Regular
Tallmadge, OH
Last seen: 17 years 44 weeks ago
Tallmadge, OH
Joined: 2004-07-24
Posts: 33
Points: 0

Brand spanking new - and still a little buggy here and there! We just went live with the new site and are still tweaking, correcting, etc. If you take a look at the two logos in the upper left corner, "Kent State University" is a link - works just fine in Win.IE and Mac.Safari, but in Win.FF, Win.NS and apparently SOME versions of Win.IE, only about a top row of maybe 5 pixels is clickable!

http://www.library.kent.edu

What's with that!? We were having the same problem with the "Libraries & Media Services" logo, so I had to give that link the following attributes:

.lmsLogo {
	margin: 0;
	padding: 0;
	position: relative;
	width: 313px;
	height: 35px;
}

For some reason, this trick doesn't work with .ksuLogo?!?!

Help! Classes start next Monday!

Thanks - Jeph

safull
safull's picture
Offline
Regular
Madrid -Spain
Last seen: 18 years 39 weeks ago
Madrid -Spain
Timezone: GMT+1
Joined: 2003-08-27
Posts: 17
Points: 0

Linked images aren't clickable in Firefox?

What is the element you mark with the lmsLogo.
<a class ...> o <img class...>. May if set the attributte to the img it moves the image outside the link and makes it unclicable.
In addition i can't find any "lmsLogo" in the page source.

Jephers
Offline
Regular
Tallmadge, OH
Last seen: 17 years 44 weeks ago
Tallmadge, OH
Joined: 2004-07-24
Posts: 33
Points: 0

Linked images aren't clickable in Firefox?

<a href="http://www.library.kent.edu/page/10000" class="lmsLogo">

The class="lmsLogo" is on the link surrounding the Libraries & Media Services logo - just as the class="ksuLogo" is in the a href tag wrapping the Kent State University logo. What's odd is that this works for the LMS logo, but not the KSU logo!?? Crying

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 19 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Linked images aren't clickable in Firefox?

If you look at style information in FF you will see that it looks as though the span.sitesearch is actualy taking up the full width of the screen it may be overlapping your image, there is a bug in IE that allows links to be clickable through what are in effect overlaid layers whilst FF will behave and concider the link to be unclickable. I havn't looked at your CSS but you may need to float the search right or position absolute? or try a Z-index on the image.

Hope that's of some help,

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Jephers
Offline
Regular
Tallmadge, OH
Last seen: 17 years 44 weeks ago
Tallmadge, OH
Joined: 2004-07-24
Posts: 33
Points: 0

Linked images aren't clickable in Firefox?

Thanks Hugo! I won't be working on this again til Monday, but I'll definitely try that out!

How'd you find out about the overlapping? Is this something you checked in the FF Web Developer plug in? If so, I'll have to try using that...I've only barely peeked at some of it's features...

Thanks again!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 19 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Linked images aren't clickable in Firefox?

yes in the developer toolbar there is a useful feature called 'view style information' which allows you to hover over a given section of the page to obtain a dom like div order i.e body > #wrapper > #head > h1 which will appear on the bottom bar , just lets you see at a glance the nested layout. If you havn't yet explored the dev toolbar now's the time to start, very useful.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me