Hi,
Please see: http://www.drfunkenstein.net/catalog...dress/81/go/2/
...and try clicking on the '< previous' link underneath the costume
thumbnails. The link is only clickable when you move over the chevron.
In Firefox, the link works as expected - the full image can be clicked.
Does anyone know what's causing this bug? My XHTML valid, although my
CSS suffers from a strange import error that I haven't yet been able to
fathom. Other than that, the CSS is valid.
Many thanks,
Matt 5  3136 
"Matt Bostock" <ma*********@gm ail.com> wrote: Please see:
http://www.drfunkenstein.net/catalog...dress/81/go/2/
..and try clicking on the '< previous' link underneath the costume
thumbnails. The link is only clickable when you move over the chevron.
In Firefox, the link works as expected - the full image can be clicked.
The various elements in your page are overlapping. An empty part of
one or more of the elements containing the form is overlapping part of
the next link. In Firefox the link is still clickable through the
empty space of the top element but in IE it isn't.
Your CSS is very complicated, probably overly so. I would consider a
major simplification of your code.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>
Add display:block
For example:
..buttonscontai ner { width:150px; margin-left:2px; }
..buttons a
{color: #00FFFF; padding:3px; margin-bottom:3px; display:block;
border:3px solid #FF0000;
font-weight:bold;
text-decoration:none ;
width:100%;
font-size:.7em;
font-family:Verdana, Arial, sans-serif; background-color:#000000;
margin-top:3px
}
-------------------------------------------------------------------------------
"Matt Bostock" <ma*********@gm ail.com> wrote in message
news:11******** **************@ l41g2000cwc.goo glegroups.com.. . Hi,
Please see:
http://www.drfunkenstein.net/catalog...dress/81/go/2/
..and try clicking on the '< previous' link underneath the costume
thumbnails. The link is only clickable when you move over the chevron.
In Firefox, the link works as expected - the full image can be clicked.
Does anyone know what's causing this bug? My XHTML valid, although my
CSS suffers from a strange import error that I haven't yet been able to
fathom. Other than that, the CSS is valid.
Many thanks,
Matt
Thanks Steve, I fixed it with z-index.
When you say complicated, how do you mean? In terms of layout or the
structure of the CSS across several files?
Matt
Steve Pugh wrote: "Matt Bostock" <ma*********@gm ail.com> wrote:
Please see:
http://www.drfunkenstein.net/catalog...dress/81/go/2/
..and try clicking on the '< previous' link underneath the costume
thumbnails. The link is only clickable when you move over the chevron.
In Firefox, the link works as expected - the full image can be clicked.
The various elements in your page are overlapping. An empty part of
one or more of the elements containing the form is overlapping part of
the next link. In Firefox the link is still clickable through the
empty space of the top element but in IE it isn't.
Your CSS is very complicated, probably overly so. I would consider a
major simplification of your code.
Steve
Thanks, but display: block was already applied. I fixed it with z-index.
Thanks again,
Matt :)
Windsun wrote: Add display:block
For example:
.buttonscontain er { width:150px; margin-left:2px; }
.buttons a
{color: #00FFFF; padding:3px; margin-bottom:3px; display:block;
border:3px solid #FF0000;
font-weight:bold;
text-decoration:none ;
width:100%;
font-size:.7em;
font-family:Verdana, Arial, sans-serif; background-color:#000000;
margin-top:3px
}
Matt Bostock <ma**@mattbosto ck.com> wrote: When you say complicated, how do you mean? In terms of layout or the
structure of the CSS across several files?
You seem to be doing everything is as complicated a way as possible.
The same design could be realised with much simpler HTML and much
simpler CSS. Less code and less chance of running into problems like
this one.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net > <http://steve.pugh.net/> This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
by: Brian Angliss |
last post by:
I'm relatively new to scripting in JavaScript, so I'm not too
surprised I'm having difficulty scripting up an animation effect for
my personal site.
What I'm trying to do is the following: When I go onMouseOver on a
button in a nav bar, I want that button to switch to a different image
while at the same time another blank image changes as an animation to
an associated image. When I go onMouseOut, the bar image reverts back
to the...
|
by: Kerberos |
last post by:
I followed Dan Cederholm's image replacement tutorial, to replace a header
tag by a logo. The h1 is clickable if no CSS is applied but it I replace
it by the logo, the area isn't clickable anymore when I pass the mouse
over the logo. Is there a way to replace a link by an image that will
still be clickable?
Thanks,
--
Kerberos.
|
by: Koh |
last post by:
My rollover image effect work fine in Netscape but not in Internet
Explorer. Is there any important element or tag that I have miss out
so it is not working in Internet Explorer? Below is my code, hope
there is someone can help me. Thank you.
<html>
<head>
<title>List of Products</title>
<script language="JavaScript">
<!--
|
by: Lauren Quantrell |
last post by:
I have constructed the following code that simulates the common
rollover effect when moving the mouse over a label (this example makes
the label bold.)
I'm wondering if anyone has come up with a better solution.
lq
'start code:
|
by: AJBopp |
last post by:
I'm wrestling with CSS variations between Firefox and IE. I'm trying to
create rollover buttons in a menu frame. It is working perfectly in
Firefox but in IE only the first button is properly highlighted and
linked. The second button, has only a partial "hit area" at the top of
the image, although if you click the link, you can see the link border
is properly place around the image. The rest of the buttons have no
rolloever state or link...
| | |
by: crazychrisy54 |
last post by:
Hi there
I just wondered if there is any way using GD to insert a clickable
button or some clickable text into a image? It is possible to create
images for buttons but what if you want a clickable button *inside*
another image.
I don't know if this is along the right lines but the following code
puts a image inside another image. Perhaps I could then make im2
clickable or is it just not possible? Any help would be very much
|
by: David Stone |
last post by:
Run into something recently that has left me a little puzzled.
According to the examples in section 13.6.1 of html 4.01...
<http://www.w3.org/TR/html401/struct/objects.html#h-13.6.1.1>
I should be able to use <aelements with a specified
shape and coords within a <mapso that I can use the
links with an actual image and, at the same time, have the
links appear as text. Something like the map associated with
|
by: GArlington |
last post by:
I am trying to implement an image map (in this particular case a
country map) with few <area ...>s on it.
The challenge is to add background image (dot) to each <areaso it
will display over the image map.
I am failing miserably at that.
Anybody tried to do that before?
Anybody succeeded?
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| | |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
