[RESOLVED] Basic help - email not clickable...

[Studio381]

while ($row=mysql_fetch_array($result))
{
extract ($row);
echo "<div id='A1r1'>Pair name</div>";
echo "<div id='A2r1'></div>";
echo "<div id='A3r1'>$AName</div>";

echo "<div id ='A1r2'>email address</div>";
echo "<div id='A2r2'></div>";
echo "<div id ='A3r2'><a href=\"mailto:$AEmail\">$AEmail</a></div>";

I have the above code which displays the email address correctly but the email address is not clickable.
What did I get wrong?

Thanks,
John.

[bradgrafelman]

What does the outputted HTML look like (generalize the e-mail addresses - don't post the actual addresses else spambots will likely grab 'em!)?

[Studio381]

<div id='A1r1'>Pair name</div><div id='A2r1'></div><div id='A3r1'>Nina Kimberly Manabat</div><div id ='A1r2'>email address</div><div id='A2r2'></div><div id ='A3r2'><a href="mailto:[e-mail]">
[e-mail]</a></div>

is what comes out when I view the page source. Looks ok to me - just not clickable.

[fean0r]

Can you also show the css code for <div id ='A3r2'>

[Studio381]

Hi, it is...

#A3r2 {
position:absolute;
width:330px;
height:20px;
z-index:1;
top: 623px;
background-color: #CCCCCC;
left:50%;
margin-left: 20px;
}

[bradgrafelman]

Are you sure it's not a problem on your computer only? The HTML code you posted works fine for me.

Is there perhaps a live URL you can share with us so that we can see this ourselves?

[Studio381]

Hi,
some progress - works ok in IE7 but does not work in Firefox 2.0.0.12 which is what I was using for the testing.
Live link is http://www.aupairplaces.com/Search_aupair_details.php?aupairID=28&PHPSESSID=bf4e5c58648e1dfc33c25154fc59be99

[fean0r]

Its something to do with the CSS, try removing the entire CSS and test with Firefox again, I tested the <div id ='A3r2'> and it worked fine so it must be somewhere else in the CSS.

http://www.c4search.co.uk/test.php

[fean0r]

I think I see where the issue begins, anything below the gray bar cannot be selected by dragging the mouse while clicking the left mouse button... again this only occurs with Firefox.

[bradgrafelman]

The problem is caused by the div with an id of col_box. If you look in the HTML, towards the top of the body you will see:

<div id="col_box"></div>

If you remove this, the page appears to look the same and you can click on links.

What happens is that this (transparent) div was overlaid on top of a large section of the body and thus you were clicking on it and not the link underneath it.

I don't know what it's purpose is or was meant to be, all I know is that removing it solves your problem, thus you should examine why it was there in the first place.

[Studio381]

Thanks.