Log In · Register

 
Friend's List Pictures
PoeticInsanity
post Jun 11 2006, 12:47 PM
Post #1


Senior Member
***

Group: Member
Posts: 38
Joined: Jun 2006
Member No: 419,709



OK, I have a list that, when a link is rolled over, shows a picture. the only problem, I can't see the pictures after the DIV has scrolled down past a certain point. Is there a way to make the pictures always show up next to the link? (I know there is a thread with the script posted on it, but it didn't quite specify how to fix the problem)
my site is here. its a test site so the links are faulty, but that shouldn't pose a problem.
heres the script (the part regarding the picture list is bolded)
<style type="text/css">

.Main {position:absolute; left:50%; top:125px; width:800px; z-index:2; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Background {position:absolute; left:50%; top:0px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Music {position:absolute; left:0px; top:0px; background-color:transparent; z-index:3; border:0px; padding:0px;}

.Contest_Banner {position: absolute; left:42px; width:170px; height:170px; top:150px; background-color:transparent; border:0px; z-index:4; padding:0px; visibility: visible;}

.Contact_Table {position: absolute; left:310px; top:630px; background-color:transparent; border:0px; z-index:5; padding:0px;}

.Top_Links {position:absolute; left:70px; top:125px; background-color:transparent; border:0px; z-index:6; padding:0px; width:680px;}
a:link{color:brown;}
a:visited{color:brown;}
a:hover{color:orange; background-color:brown;}
a:active{color:brown;}

.comments {width:#px; overflow: none;}
.comments table {background-color: black;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}

Table, Td{ background-color:transparent; } table table table{ background-color:transparent; background-image:url(http://img362.imageshack.us/img362/6287/screenorange9dk.png); background-repeat:repeat; } table table table table{ background-image:none; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FF0000; font-weight:normal; font-style:normal; font-family:Monotype Corsiva, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:CC0000; font-weight:normal; font-style:normal; font-family:Monotype Corsiva, verdana, arial, sans-serif; } body{ scrollbar-track-color:990000; scrollbar-face-color:000000; scrollbar-highlight-color:660000; scrollbar-base-color:660000; scrollbar-darkShadow-color:660000; scrollbar-shadow-color:660000; scrollbar-arrow-color:FF0000; }

.Winners {position: absolute; height:150px; width:240px; left:15px; top:500px; background-color:transparent; border:0px; z-index:9; padding:0px; overflow:auto;}
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}
.hidethem {visibility:hidden; display:none;}

.Contests {position: absolute; height:290px; width:250px; left:20px; top:215px; background-color:transparent; border:0px; z-index:9; padding:0px; overflow:auto;
}

</style>


<DIV class="Background">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/background.jpg" width="810px" height="900px"/>
</div>

<DIV class="Main">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/steve_rock.jpg" width="800px" height="550px"/>
</DIV>

<DIV class="Music">
<embed allowScriptAccess="never" src="http://crash.onlinestoragesolution.com/music/(Weezer)%20-%2004%20-%20Island%20In%20The%20Sun%20(1).mp3" type="audio/x-pn-realaudio-plugin"
name="video" console="Clip1" autostart="true" controls="ControlPanel" border="0"
width="176" height="30" align="center" loop="true"></embed>
</DIV>

<DIV class="Contest_Banner">
<br/><center><font style="font-size:55px;line-height:18px;color: Orange;font-family: Monotype Corsiva;">Contests<br><font style="font-size:45px;color: Brown ;font-family: Monotype Corsiva;">Contests</font></font></center>
</div>

<DIV class="Contact_Table">
<map name="ContactTable" border="0">
<area shape="rect" coords="0,0,106,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=83010533">
<area shape="rect" coords="106,0,216,25" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=83010533">
<area shape="rect" coords="216,0,326,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=83010533&f=forwardprofile">
<area shape="rect" coords="326,0,429,25" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=83010533&public=0">
<area shape="default" nohref>
</map>
<img border="0" usemap="#ContactTable" src="http://h1.ripway.com/PoeticInsanity/contact_table.jpg"/>
</DIV>

<DIV class="Top_Links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=3306ecc0-5955-490a-b448-6599397e4698">Home</a>|<a href="http://browseusers.myspace.com/browse/browse.aspx?&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Browse</a>|<a href="http://search.myspace.com/index.cfm?fuseaction=find&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Search</a>|<a href="http://invite.myspace.com/index.cfm?fuseaction=invite&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Invite</a>|<a href="http://www.myspace.com/index.cfm?fuseaction=film&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Film</a>|<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Mail</a>|<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Blog</a>|<a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Favorites</a>|<a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories&MyToken=325ca80d">Forum</a>|<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Groups</a>|<a href="http://events.myspace.com/index.cfm?fuseaction=events&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Events</a>|<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Videos</a>|<a href="http://music.myspace.com/index.cfm?fuseaction=music&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Music</a>|<a href="http://classifieds.myspace.com/index.cfm?fuseaction=classifieds&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Classifieds</a>
</DIV>


<div align="center" style="position:absolute; left:5px; top:690px; z-index:8;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="83010533">
<textarea name="f_comments" cols="50" rows="10" style="background-color: Black ;border-color: black ;color: orange ;font-family: Arial Black ;">Comment Us!!</textarea><br>
<input type="reset" value="Reset" style="background-color: brown ;border-color: black ;color: orange ;font-family: Arial Black ;">
<input type="submit" value="Submit" style="background-color: brown ;border-color: black ;color: orange ;font-family: Arial Black ;">
</form>
</DIV>

<DIV class="Winners">
<center><hr color="orange" size="1"/><font color="990000" face="monotype corsiva" size="4"><B><u>Winners</u></b></font><br/><br/>
<a href="url to there profile">First Winner Here<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a>
</center>
</DIV>


<DIV class="Contests">
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Looking Guy<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Looking Girl<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Peace Sign<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Cutest Couple<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Short Hairstyle<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Long Hairstyle<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Dressed<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Eyes<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Grawr Face<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Innocent Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Makeup<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Most Random<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Myspace Bathroom Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Silly Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Friends Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
</DIV>

<div class="comments" style="overflow:auto; width: 445px; height:235px; z-index:7; position: absolute; top:665px; left: 330px;"><center><table><table><tbody><tr><td><table></center></div>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: