rollover pictures, and div things.... Options

[x-vampire-heart-...]

okay so i decided to do rollover pictures for my friends in a div. the code is:

CODE

<style type="text/css">
.ness{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ness.jpg) top left no-repeat; display: block;}
.ness:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=16658427&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="ness"></a>

<style type="text/css">
.phili{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/philippa.jpg) top left no-repeat; display: block;}
.phili:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=8720728&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="phili"></a>

<style type="text/css">
.hollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/hollie.jpg) top left no-repeat; display: block;}
.hollie:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38628946&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="hollie"></a>

<style type="text/css">
.ross{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ross.jpg) top left no-repeat; display: block;}
.ross:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=9316641&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="ross"></a>

<style type="text/css">
.ollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ollie.jpg) top left no-repeat; display: block;}
.ollie:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44572957&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="ollie"></a>

i was just wondering how you put them next to eachother instead stacked on top of each other....?
and also in my div theres a random white box on the top left hand side....? how do i get it off and why is it there in the first place?
also the lines above the table, just on top of the picture.... how do i get them off...?
and last one i promise >.< between where i say ' Give me nice long hugs please :] ' and where i go onto the 'i like' bit... theres suposed to be a big heart there u know when you go &hearts; but it isnt showing up...?
heres the code for the about me:

CODE

<div>

<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px;

border:0px; background-color:transparent;} </style>

<style type="text/css">
.hotlayx { Background Properties }
body {
  background-color:ffffff;
  scrollbar-face-color:FFFFFF;
    scrollbar-highlight-color:000000;
    scrollbar-3dlight-color:FFFFFF;
    scrollbar-shadow-color:000000;
    scrollbar-darkshadow-color:FFFFFF;
    scrollbar-arrow-color:000000;
    scrollbar-track-color:FFFFFF;
}
.hotlayx { Table and Section Properties }
table, tr, td {background:transparent; border:0px;}
table table table {background-color:FFFFFF;}
td.text table, td.text table td {width:200px; padding:0px;}
td.text table table table table,
td.text table table table table td {width:0px;}

hotlayx. { text properties }
table, tr, td, li, p, div { font-family:verdana; color:000000; font-size:9px;     }
.btext { font-family:verdana; color:FFFFFF; font-size:8px;     }
.blacktext10 {  color:FFFFFF;      }
.blacktext12 {  color:FFFFFF;      }
.lightbluetext8 {  color:FFFFFF;      }
.orangetext15 {  color:FFFFFF;      }
.redtext {  color:FFFFFF;      }
.redbtext {  color:FFFFFF;      }
.text {  color:FFFFFF;      }
.whitetext12 {  color:FFFFFF;      }
a:active, a:visited, a:link { font-family:verdana; color:000000; font-size:9px;     }
a:hover { font-family:verdana; color:666666; font-size:9px;     }
a.navbar:active, a.navbar:visited, a.navbar:link {  color:FFFFFF;      }
a.navbar:hover {  color:FFFFFF;      }
a.redlink:active, a.redlink:visited, a.redlink:link {  color:FFFFFF;      }
a.redlink:hover {  color:FFFFFF;      }
.nametext {  color:FFFFFF;      }

.hotlayx { Misc properties }
table table td {width:10px;}
div table table td, table table table td {width:auto;}
table table img {display:none;}
table table table img {display:inline;}
td.text td.text table table div,
td.text td.text table table a img { width:65px !important;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
.blacktext10 {display:block; width:100px;}

.hotlayx { others }
table, tr, td {background-color:transparent;
border:none; padding: 0px; width:200px;}
table table table {background-color:white;
border:1pt white solid; height:.01%; width:100%;}
table table table table {border:none;}
td.text td.text table table td {padding:3px;}
td td td td {width: 1%; text-align:justify;}
.comments {visibility:hidden;display:none;}
</style>

<DIV class="Main"> <table style="width:800px; height:620px; cellpadding:0px; cellspacing:0px; border:0px

solid transparent; background-color:FFFFFF;}"> <tr> <td valign="top">


<div style="position:absolute; left:0px; top:40px; width:500px; height:30px; background-color:white;

overflow:auto;"></div>

<div style="position:absolute; left:20px; top:80px; width:641px;

height:297px;background-image:url(http://img101.imageshack.us/img101/5295/shrxjdgayh6fx.jpg);

overflow:auto;"></div>


<div style="position:absolute; left:23px; top:95px; width:172px; height:185px;

background-color:transparent; overflow:auto;">
<center>
<a

href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=7410887"><img

src=http://img513.imageshack.us/img513/2320/picture3478iu.jpg></a></center>
</div>

<div style="position:absolute; left:30px; top:260px; width:172px; height:185px;

background-color:transparent; overflow:auto;">
<center><form method="post"

action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment">
<input name="friendID" value="7410887" type="hidden">
<textarea name="f_comments" cols="20" rows="7" style="border-width: 1px;
border-style: solid; border-color:000000; font-family: Terminal;
font-size: 10px; color: 000000; background-color: FFFFFF;"
style="overflow:auto;"></textarea><br> <input value="add comment"
style="border-width: 1px; border-style: solid; border-color:000000;
font-family: Terminal; font-size: 10px; color:000000; background-color:FFFFFF;
" type="submit"><input value="clear" style="border-width: 1px;
border-style: solid; border-color:000000; font-family: Terminal;
font-size: 10px; color:000000; background-color:FFFFFF;"
type="reset"></form> </center> </div>
</div>

<div style="position:absolute; left:30px; top:215px; width:172px; height:185px;

background-color:transparent; overflow:auto;"><p align=left>

<center>
<a href="

http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=7410887"><img

src=http://img.photobucket.com/albums/v520/Jen159/addbutton.jpg></a>
<a href=" http://mail8.myspace.com/index.cfm?fuseaction=mail.message&friendID=7410887"><img

src=http://img.photobucket.com/albums/v520/Jen159/msgbutton.jpg></a>
</center>
</div>





<div style="position:absolute; left:215px; top:110px; width:440px; height:147px;

background-color:transparent; overflow:auto;">
HI
<BR>Im Jenni.
<BR>I'm 16.
<BR>I do not look or act my age.
<BR>I live in Bournemouth.
<BR>I go to Avonbourne
<BR>It's actually not <U>that</U> bad.
<BR>I don't like people who think they're better than everyone else.
<BR>I don't have many friends.
<BR>I love the ones I do have.
<BR>I dont normally say how I feel. So you never know wether I'm telling the truth or not.
<BR>I don't do drugs. They're bad for you.
<BR>It takes alot for me to trust someone.
<BR>But I forgive too easily.
<BR>Without certain people I would not be here today.
<BR><U>Thankyou.</U>
<BR>I'm amused by the simplest and smallest of things.
<BR>But I also get bored easily.
<BR>I go abit freakazoid sometimes.
<BR>I want to eat a human some day.
<BR>I like wierd and twisted stuff, like the above.
<BR>Don't be put off by that. I'm quite a nice person really.
<BR>I like having deep conversations about politics and God and people. etc..
<BR>The universe scares me.
<BR>Music is the best.
<BR>29th April was the best day of my life.
<BR>Make me laugh untill I cant breath and I will love you forever.
<BR>Give me nice long hugs please :]
<BR><font size = +2>&hearts;</font></center>
<P>
i like playing in the sand. i like the sandy park. i like my friends <3 . i like to mess about. i like to scare the

pidgeons. i like bubbles. i like kiddies toys. i like alcohol. i like going out. i like borders. i like the sperm book.

i like singing. i like music. i like hair straighteners. i like my bed. i like sleeping. i like cuddles. i like kisses. i

like adventures. i like spending money. i like being silly. i like feeding the ducks. i like clouds. i like pretty

things. i like art. i like tattoos. i like lots of other stuff :]
<P>
i don't like having no money. i don't like having no credit.  i don't like school. i don't like coldplay. i don't like

rnb. i don't like fighting. i don't like arguments. i don't like my mother/father. i don't like the wind. i don't like

the winter. i don't like being cold. i don't like getting old. i don't like bullying. i don't like dark chocolate. i

don't like paper cuts. i don't like confrontation. i don't like being ill. i don't like being left out. i don't like chavs

who hit people for no reason. i don't like wine. i don't like doing work. i don't like stubbing my toe. i don't like

lots of other things :]

<div style="text-align: center; margin-left: auto; margin-right: auto;">
  <div>
     <a href="http://webjay.org/by/jen159/cooltunez">
     <div><cite>Music</cite></div>
     </a>
  </div>
  <embed allowScriptAccess="never"                        

src="http://webjay.org/flash/xspf_player?autoload=1&amp;autoplay=1&amp;playlist_url=http://webjay.org/

by/jen159/cooltunez.xspf"
     quality="high"
     bgcolor="ffffff"
     width="325"
     height="170"
     name="xspf_player"
     align="middle"
     type="application/x-shockwave-flash"
     />
    <P>
</div>    
</div>

</div>











<div style="position:absolute; left:220px; top:269px; width:430px; height:100px;

background-color:transparent; overflow:auto;">

<style type="text/css">
.ness{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ness.jpg) top left no-repeat;

display: block;}
.ness:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=16658427&MyToken=67f

47381-5326-46cc-b853-23ff9ba79ba5" class="ness"></a>

<style type="text/css">
.phili{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/philippa.jpg) top left

no-repeat; display: block;}
.phili:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=8720728&MyToken=67f4

7381-5326-46cc-b853-23ff9ba79ba5" class="phili"></a>

<style type="text/css">
.hollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/hollie.jpg) top left no-repeat;

display: block;}
.hollie:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38628946&MyToken=67f

47381-5326-46cc-b853-23ff9ba79ba5" class="hollie"></a>

<style type="text/css">
.ross{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ross.jpg) top left no-repeat;

display: block;}
.ross:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=9316641&MyToken=67f4

7381-5326-46cc-b853-23ff9ba79ba5" class="ross"></a>

<style type="text/css">
.ollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ollie.jpg) top left no-repeat;

display: block;}
.ollie:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44572957&MyToken=67f

47381-5326-46cc-b853-23ff9ba79ba5" class="ollie"></a>





</div></div><style type="text/css">
.hotlaysub {visibility:hidden;} .hotlaysub input {visibility:visible;}
</style>
<div class="hotlaysub"><table><tr><td><table><tr><td><table><tr><td>

</div>

and my tester myspace
would be a great help please. thanks :]
-x-

[liny]

to make the pictures side by side, just remove any <br> in that code.
and for the white box..i cant see it. is it still there?

and the &hearts; thing..
that happens a lot. for example if you leave someone a comment
it doesnt comeout sometimes. or a picture comment.
maybe change the size and play around with it till it shows up.

annnnnnnnd
those lines above the box..those must be in your "hide navigation links code"
see if the lines are in there and take them out.

tell me if theres still problems

x3