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>
 
 
Start new topic
Replies
PoeticInsanity
post Jun 11 2006, 08:55 PM
Post #2


Senior Member
***

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



thanx, sry for the bump, didn't realize how early on it was. I have no concept of time. oh well, I'll try to find something out. As for the alignment, sorry its off. works fine for me. IE though.
 

Posts in this topic


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