Friend's List Pictures |
Friend's List Pictures |
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"> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: N/A</font></blockquote> ~ <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">- Deadline: 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> |
|
|
|
PoeticInsanity *bump* sry for the bother, but I really need this ... Jun 11 2006, 07:04 PM
This Confession yea
don't bother "bumping"
the topi... Jun 11 2006, 07:18 PM
PoeticInsanity thanx, sry for the bump, didn't realize how ea... Jun 11 2006, 08:55 PM![]() ![]() |