how do i make a drop down menu that opens up a section with a scollbar???

liunx

Guest
a lot of people are reading this, but why am i not getting a response? is it because i already answered the question? did i? is it because a table cannot reside within span tags??? i think i tried before but i couldnt get it to work...how can i make that work? how do i make a table an object that will work inbetween the span tags of a style menu? or the same question but div within it? or what i really want to do, table within div within span of style menu?????

I know how to make a div scrollbar, and i know how to make a style drop down menu

but how do i make a drop down menu that opens up a section with a scollbar???...must not be javascript...not that i cant do it...just not allowed by the website on which i want to do it

basically, i want to put THIS inside of THAT

here is THIS

<div style="background:555555; width:475px; height:280px; overflow:auto">with tables inside that also have pics text and a video player, but shouldnt matter</div>

here is THAT (according to htmlgoodies.com, the style tags are supposed to be in the header, but they dont have to be on the site on which im putting them)

<STYLE TYPE="text/css">

#menu1 { display : none }

A:link {color:black; text-decoration:none}
A:hover {color:blue; text-decoration:underline}

</STYLE>

<TABLE BORDER="0">
<TD>
<SPAN onClick="document.all.menu1.style.display = 'block'"></SPAN>

<SPAN ID="menu1" onClick="document.all.menu1.style.display = 'none'">

THIS THIS THIS THIS

</SPAN>

</TD>
</TABLE>

The way the code was originally written, THIS THIS THIS part had a list of <a href>'s separated by <br>'s but that also shouldnt matter...unless everyting needs to be an <a href>?? but i dont need everything linkable

i think the problem is the table thing...perhaps tables can't go inside of the list???...which is exactly what i want it to do

here is the abridged version of all my code...with the drop down menu code insterted that way i am trying to do it....perhaps you can tell me what is wrong with it??? i color coded the parts that are important...the menu is my modified version (which works) of the htmlgoodies code

<style type="Text/CSS">

#menuaboutme {display : none}

</style>

<table>
<tr>
<td>

<SPAN onClick="document.all.menuaboutme.style.display = 'block'">Click here to read more about me</SPAN><BR>
<SPAN ID="menuaboutme" onClick="document.all.menuaboutme.style.display = 'none'">


<a onClick="document.all.menuaboutme.style.display = 'none'">Close and stop reading about me</a>

<br><br>

<div style="background:555555; width:475px; height:280px; overflow:auto">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<br>

<table>
<tr>
<td>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td>

<td>
<center><a href=http://www.webdeveloper.com/forum/archive/index.php/"url" target=new><img src="pic" height=48 width=62></a></center>
</td>

</tr>
</table>

<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<br>

<table>
<tr>

<td>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</td>

<td>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<embed src=http://www.webdeveloper.com/forum/archive/index.php/"VIDEO"></embed>
<BR>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link" target=new></a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link" target=new></a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link" target=new></a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link" target=new></a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"link" target=new></a>
</td>

</tr>
</table>

<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</div>

<br><br>

<a onClick="document.all.menuaboutme.style.display = 'none'">Close and stop reading about me</a>

</span>
</td>
</tr>
</table>

________________________________

if you would like to see where i want to do this, go to <!-- w --><a class="postlink" href="http://www.myspace.com/russthebear">www.myspace.com/russthebear</a><!-- w --> (Sorry the content of this link may disappoint you)

if you want to see where i have done the menu go to <!-- w --><a class="postlink" href="http://www.geocities.com/russellbernstein/main.html">www.geocities.com/russellbernstein/main.html</a><!-- w -->, then enter the site and view source in left frame or directly to <!-- w --><a class="postlink" href="http://www.geocities.com/russellbernstein/leftframe.html">www.geocities.com/russellbernstein/leftframe.html</a><!-- w --> (it's my photography) and view source

thanks!!!

russ
 
Back
Top