Unclickable links

C

conchear

New Member
Messages
5
Reaction score
0
Points
0
Hi!

I can't understand why my links are not working : they are underlined and located at the right place but instead of clickable links, the cursor's response is similar to texts. I mean i can't click on the links.
Here are the links code:
</script><div id="root" style="position:absolute;top:0;left:0;width:667px;height:653px"><script>center();</script><div style="position:absolute;left:260;top:619;width:240;height:22;"><table width=240 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <td><font color="#009999"><span style="font-size:14">Copyright © 2008 by Sara Mazzolini</span></font></td></tr></table></div><div style="position:absolute;left:320;top:8;width:118;height:52;"><table width=118 height=52 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <td><font face="TimesRoman" size="+2"><span style="font-size:24">galaxiale</span></font><font face="TimesRoman" size="+3"><span style="font-size:36"> </span></font><b><font color="#009999" face="TimesRoman" size="+2"><span style="font-size:24">~</span></font></b></td></tr></table></div><div style="position:absolute;left:337;top:582;width:65;height:22;"><table width=65 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <td><a href="http://www.geocities.com/conchear"><font color="#009999"><span style="font-size:14">Interstices</span></font></a></td></tr></table></div><div style="position:absolute;left:269;top:491;width:199;height:22;"><table width=199 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <td><span style="font-size:14">voyage sidéral par une nuit glaciale</span></td></tr></table></div><div style="position:absolute;left:283;top:539;width:47;height:20;"><table width=47 height=20 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <td><a href="http://www.geocities.com/interstitielle/emotilepoem.html"><font color="#009999"><span style="font-size:14">esquive</span></font></a></td></tr></table></div><div style="position:absolute;left:404;top:541;width:47;height:22;"><table width=47 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <td><a href="http://interstices.exofires.net/blackhole/galaxiale.html"><font color="#009999"><span style="font-size:14">emotile</span></font></a></td></tr></table></div>
Here is my poorly-looking page:
http://interstices.exofire.net/blackhole/galaxiale.html

Any suggestion welcome.

Thanks!

:eek4:
 
BentFX

BentFX

New Member
Messages
116
Reaction score
0
Points
0
I formatted your code to better see what's going on... the only fatal error I see is that the first <div> is never closed. beyond that you might try removing some of the <table>'s within <div>'s they aren't necessary. Also look to consolidate the font colors into the spans, just clean it up some. Just guessing!
Code: 
</script>
<div id="root" style="position:absolute;top:0;left:0;width:667px; height:653px">
  <script>center();</script>
  <div style="position:absolute;left:260;top:619;width:24 0;height:22;">
    <table width=240 height=22 border=0 cellpadding=0 cellspacing=0>
      <tr valign="top"> 
        <td>
          <font color="#009999">
            <span style="font-size:14">Copyright © 2008 by Sara Mazzolini
            </span>
          </font>
        </td>
      </tr>
    </table>
  </div>
  <div style="position:absolute;left:320;top:8;width:118; height:52;">
    <table width=118 height=52 border=0 cellpadding=0 cellspacing=0>
      <tr valign="top">
        <td>
          <font face="TimesRoman" size="+2">
            <span style="font-size:24">galaxiale
            </span>
          </font>
          <font face="TimesRoman" size="+3">
            <span style="font-size:36">
            </span>
          </font>
          <b>
            <font color="#009999" face="TimesRoman" size="+2">
              <span style="font-size:24">~
              </span>
            </font>
          </b>
        </td>
      </tr>
    </table>
  </div>
  <div style="position:absolute;left:337;top:582;width:65 ;height:22;">
    <table width=65 height=22 border=0 cellpadding=0 cellspacing=0>
      <tr valign="top">
        <td>
          <a href="http://www.geocities.com/conchear">
            <font color="#009999">
              <span style="font size:14">Interstices
              </span>
            </font>
          </a>
        </td>
      </tr>
    </table>
  </div>
  <div style="position:absolute;left:269;top:491;width:19 9;height:22;">
    <table width=199 height=22 border=0 cellpadding=0 cellspacing=0>
      <tr valign="top">
        <td>
          <span style="font-size:14">voyage sidéral par une nuit glaciale
          </span>
        </td>
      </tr>
    </table>
  </div>
  <div style="position:absolute;left:283;top:539;width:47 ;height:20;">
    <table width=47 height=20 border=0 cellpadding=0 cellspacing=0>
      <tr valign="top">
        <td>
          <a href="http://www.geocities.com/interstitielle/emotilepoem.html">
            <font color="#009999">
              <span style="font size:14">esquive
              </span>
            </font>
          </a>
        </td>
      </tr>
    </table>
  </div>
  <div style="position:absolute;left:404;top:541;width:47 ;height:22;">
    <table width=47 height=22 border=0 cellpadding=0 cellspacing=0>
      <tr valign="top">
        <td>
          <a href="http://interstices.exofires.net/blackhole/galaxiale.html">
            <font color="#009999">
              <span style="font-size:14">emotile
              </span>
            </font>
          </a>
        </td>
      </tr>
    </table>
  </div>

Skip
 
TechAsh

TechAsh

Retired
Messages
5,853
Reaction score
7
Points
38
I don't know much javascript but it could be something to do with this script, that's in the head of your page.

<script language="JavaScript"> <!--

var message=" Copyright © Sara Mazzolini";

function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// --> </script>
Click to expand...

Edit - I'm sure that something is wrong with that script because if I disable Javascript in my browser the links work.

Try removing this bit:
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
Click to expand...

If that doesn't work remove the whole thing.
 
Last edited:
leafypiggy

leafypiggy

Manager of Pens and Office Supplies
Staff member
Messages
3,819
Reaction score
163
Points
63
can you show us your css? i think that might be the problem...
 
C

conchear

New Member
Messages
5
Reaction score
0
Points
0
Hi
I tried to change all the things mentioned above, but unfortunately, in the new page i made to check the result, the links still don't work. I tried various combinations, and the links seem to work only when they are not placed below the animated image. I mean if the image is decentered and rejected to the left and the links are on the right , everything works but it's really ugly:eek4:, but when i try to center things on the page the links no longer work.
http://interstices.exofire.net/blackhole/galactiale2.html
The page code is:
<html> <head> <title>galaxiale</title>
<meta name="author" content="Sara Mazzolini">
<meta name="keywords" content="galaxy black hole">
</head> <body bgcolor="#000000" link="#009999" vlink="#009999" text="#FFFFFF"
<div id="root" style="position:absolute;top:0;left:0;width:667px; height:653px">
<div style="position:absolute;left:620;top:8;width:118; height:52;">
<table width=118 height=52 border=0 cellpadding=0 cellspacing=0>
<tr valign="top">
<td>
<font face="TimesRoman" size="+2">
<span style="font-size:24">galaxiale
</span>
</font>
<font face="TimesRoman" size="+3">
<span style="font-size:36">
</span>
</font>
<b>
<font color="#009999" face="TimesRoman" size="+2">
<span style="font-size:24">~
</span>
</font>
</b>
</td>
</tr>
</table>
</div>
<div style="position:absolute;left:640;top:582;width:65 ;height:22;">
<table width=65 height=22 border=0 cellpadding=0 cellspacing=0>
<tr valign="top">
<td>
<a href="http://www.geocities.com/conchear">
<font color="#009999">
<span style="font size:14">Interstices
</span>
</font>
</a>
</td>
</tr>
</table>
</div>
<div style="position:absolute;left:570;top:491;width:19 9;height:22;">
<table width=199 height=22 border=0 cellpadding=0 cellspacing=0>
<tr valign="top">
<td>
<span style="font-size:14">voyage sidéral par une nuit glaciale
</span>
</td>
</tr>
</table>
</div>
<div style="position:absolute;left:580;top:539;width:47 ;height:20;">
<table width=47 height=20 border=0 cellpadding=0 cellspacing=0>
<tr valign="top">
<td>
<a href="http://interstices.exofire.net/psycho/emotile.html">
<font color="#009999">
<span style="font size:14">esquive
</span>
</font>
</a>
</td>
</tr>
</table>
</div>
<div style="position:absolute;left:720;top:541;width:47 ;height:22;">
<table width=47 height=22 border=0 cellpadding=0 cellspacing=0>
<tr valign="top">
<td>
<a href="http://interstices.exofires.net/index/emotile.html">
<font color="#009999">
<span style="font-size:14">emotile
</span>
</font>
</a>
</td>
</tr>
</table>
</div>
</tr></table></div> <div style="position:absolute;left:420;top:86;width:500;height:375;"> <table width=500 height=375 border=0 cellpadding=0 cellspacing=0><tr valign="top"> <APPLET CODE=DS_Wormhole.class CODEBASE="./" width=500 height=375> <PARAM NAME=credits VALUE="Applet by Dario Sciacca (www.dseffects.com)"> <PARAM NAME=image VALUE="/blackhole/blackhole.JPG"> <PARAM NAME=position VALUE="center"> <PARAM NAME=radius VALUE="256"> <PARAM NAME=speed VALUE="2"> <PARAM NAME=direction VALUE="forward"> <PARAM NAME=rotdir VALUE="clockwise"> <PARAM NAME=interactive VALUE="yes"> <B></B> </APPLET> </tr></table></div> </div> </body> </html>
 
TechAsh

TechAsh

Retired
Messages
5,853
Reaction score
7
Points
38
Sorry my mistake. I had to disable java not javascript for the links to work. The problem with doing that is that I couldn't see the wormhole applet.

I have no idea what could be causing the links to stop working, but there is something in the java/javascript that is messing with the mouse actions.

Maybe a user whose familiar with Java will be able to help you.
 
Last edited:
leafypiggy

leafypiggy

Manager of Pens and Office Supplies
Staff member
Messages
3,819
Reaction score
163
Points
63
I got java in my hands. I will check it.
 
You must log in or register to reply here.
Top