Closed Thread Icon

Topic awaiting preservation: links within span div Pages that link to <a href="https://ozoneasylum.com/backlink?for=7990" title="Pages that link to Topic awaiting preservation: links within span div" rel="nofollow" >Topic awaiting preservation: links within span div\

 
Author Thread
~Sir_KiTree~
Bipolar (III) Inmate

From: PA
Insane since: Jul 2001

posted posted 12-18-2001 21:57

i have apage i've been working on. got he script from i can't remember where but it seems i can't get my links to work that are within the <span><div> tags.
here's the code... maybe you can help me out....

code:
<html>

<head>
<title></title>
</head>
<link rel=stylesheet href="style1.css" type="text/css">
<script src="scrollbar.js"></script>
<body onload="init();">

<div ID="over" style="z-index:2;position:absolute;width:200;height:200;left:0;top:0;">
<img src="gui.gif" width=600 height=400 alt="" border="0"><br>
</div>

<span ID="content" style="border:1px solid #000000;z-index:1;position:absolute;overflow:hidden;width:400;height:300;left:170;top:100;">
<table width="100%" height="100%" border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="100%" height="100%" background=""></td>
</tr>
</table>
<div ID="data" style="z-index:1;position:absolute;width:400;left:0;top:0;">
<!-- start news -->
<P>
<br>
<P>
<u>12.11.01</u><BR>
saturday's the next big day! i put up some more <A HREF="m_index.html">lyrics</a> today.
getting my snare drum tuned. better be done on wednesday so we can have practice thrusday.
x-mas has broken my wallet so i'm not sure how i'm going to pay for my snare fix, but i'm
sure something'll come up.
<HR WIDTH="15%" SIZE="1" ALIGN="left" color="green">
<P>
<u>11.27.01</u><BR>
been pRetty busy oVeR tHanksgiVing. ouR fiRst sHow on tHe 23rd was a hUGE success! tHeRe
weRen't tHat many people theRe, but tHat's cuz tHe word ain't out yet. tHe peeps wHo weRe
tHeRe weRe extRemely cool tHougH! tHanks a ton guys and get tHe word out! GIvEN IS GOOD!
don't miss our next <A HREF="shows.html">sHow</a> in montgomeRy at goodtimes!
<HR WIDTH="15%" SIZE="1" ALIGN="left" color="green">
<P>
<u>11.20.01</u><BR>
got a few lyRics for tHe <A HREF="m_index.html">music</a> section up. just the coVeR songs
though. gotta RemembeR to get tHe giVen book fRom cHad so i can get some of ouR songs up.
did some moRe foRmatting. 3 moRe days till ouR fiRst <A HREF="shows.html">gig</A>
togetHeR!
<HR WIDTH="15%" SIZE="1" ALIGN="left" color="green">
<P>
<u>11.19.01</u><BR>
put up links foR moRe <A HREF="m_index.html">songs</a> along witH tHeiR
Respected pages. just need tHe lyRics to input now. got tHe links of the coVeR songs to
stay wHite too. woo Hoo... <br>
also did a little moRe foRmatting to make tHings easieR to Read. along witH a little bit
added to tHe <a href="bios.html">bios</a> section. hafta RemembeR to get the guys
to wRite a little about tHemselves foR the page unless tHey want me to basH theiR Reps.
HeH.
<HR WIDTH="15%" SIZE="1" ALIGN="left" color="green">
<P>
<u>11.18.01</u><br>
so i'Ve got most of tHe HeiRaRcHy set up foR tHe pages. now i need to get some more
content. tHat'll be up wHen we get some pics and inteRViews tHat i can paste in. i'm not
making any money doing tHis sHit ya know.
<HR WIDTH="15%" SIZE="1" ALIGN="left" color="green">
<P>
<u>11.17.01:</u><br>
so Here's tHe no fRills setup of giVen.oRg ... pRetty lame so faR?? ThAT'S BECAUSE IT'S ThE
NO FrILLS vErSION!! come back lateR if you'Re looking foR some Real content.
see tHe <A HREF="shows.html">sHows</A> page foR details on wHen we play.
<HR WIDTH="15%" SIZE="1" ALIGN="left" color="green">
<P>
<img name="filler" src="none.gif" width="20" height="400" style="visibility:hidden;">
<!-- end news -->
</div>
</span>

<div ID="floater" style="position:absolute;z-index:3;left:580;top:101;width:11;height:282;">

<div ID="scrollbox" style="z-index:3;position:absolute;left:0;top:0;width:20;height:66;">

<table height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="5">

<img name="scroller_top" src="images/scroller_off_top.gif" width=14 height=7 alt="" border="0"><br>
</td>
</tr>
<tr>
<td height="100%" ID="scroller_middle">
<img name="scroller_pusher" src="images/scroller_off_middle.gif" width="20" height="65" alt="" border="0">
</td>
</tr>
<tr>
<td height="5">
<img name="scroller_bottom" src="images/scroller_off_bottom.gif" width=14 height=6 alt="" border="0"><br>

</td>
</tr>
</table>
</center>
</div>

</div>

<span ID="scrollup" style="z-index:3;position:absolute;left:580;top:95;width:17;height:19;"
onmouseover="switchit(this, 'in');" onmouseout="switchit(this, 'out');">
<img name="button_up" src="images/button_up.gif" width=21 height=9 alt="" border="0"><br>
</span>
<span ID="scrolldown" style="z-index:3;position:absolute;left:580;top:373;width:17;height:18;"
onmouseover="switchit(this, 'in');" onmouseout="switchit(this, 'out');">
<img name="button_down" src="images/button_down.gif" width=10 height=28 alt="" border="0"><br>
</span>

</body>
</html>



Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 12-18-2001 23:14

~Sir_KiTree~: Nothing jumps out immediately to me but we'd need to see the page working as it could be something in the external JavaScript. I'm sure I did have a problem like this but can't remember what the cause was.

Alternatively you could try redoing the page as I don't see any need for the absolute positioning and the odd table thrown in. This might solve some of the issues.

Emps


You're my wife now Dave

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 12-19-2001 17:34

You problem lies here:

quote:
<div ID="over" style="z-index:2;position:absolute;width:200;height:200;left:0;top:0;"><img src="gui.gif" width=600 height=400 alt="" border="0"><br></div>




Your image is over top of your content table. Take out the image "gui.gif" and then look at it. The problem seems that you can see the contents but the "gui.gif" is actually over top of it and not allowing you to use any of the links.

Change the z-index of the <div ID="over"> to 1 instead of 2. That should take care of it. However I am not sure what it is supposed to look like.

Solution?:

quote:
<div ID="over" style="z-index:1;position:absolute;width:200;height:200;left:0;top:0;"><img src="gui.gif" width=600 height=400 alt="" border="0"><br></div>



Later,
C:\

[This message has been edited by CPrompt (edited 12-19-2001).]

~Sir_KiTree~
Bipolar (III) Inmate

From: PA
Insane since: Jul 2001

posted posted 12-20-2001 17:06

thanks c:\

that fixed it, but did change the look i was going for. but i think i might be able to figure a way around that. but you solved my prob.

tx,

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 12-20-2001 21:24

Your welcome. If you post a link to the page that you are working on, that would help a lot.

Later,
C:\

« BackwardsOnwards »

Show Forum Drop Down Menu