myspace DIV text help Options

[stephskeleton]

so i have a div layout and im right now trying to move my text for "about me" around

i want it to be white and located in the top center of the gold frame

heres the link to my profile

http://www.myspace.com/stephanieleung

[jiyong]

Can you either post the codes you are using or make your profile public?

Also, are you on a 1.0 or 2.0 profile?

[stephskeleton]

im on 1.0

heres the full code:

CODE

<style>
tr, td table table, table table table table, table, { height:0px; border:0px;}
table table table table, table table table table td.text, td.text td.text table { display:none;}
td.text table table { display: inline; visibility:visible;}
table td table tr td.text table { visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text { visibility:visible;}
table, tr, td { background-color: transparent; border: 0px; }
td td td td { border:0px; width:0px; text-align:left;}
a.text { visibility:hidden; height:0px; }


.navbar font { visibility:hidden; height:0px; }
tr td font { visibility:hidden; height:0px; }
body {
scrollbar-face-color:2e2e2e;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
background-image: url(http://i128.photobucket.com/albums/p165/charmroyal/layouts/div/14/bg.png); background-attachment: fixed; background-position: bottom left; background-repeat:repeat; background-color:C6B987;}
table table table {width:100%; padding:0; background-color:transparent;}
b { font-size:11; color: E31563; }
i { font-family:georgia; color: 4F1865; }
u { color: A12921; }
strong
{ font-family:georgia; color: 5EA7B0; text-transform:none; font-weight: normal; letter-spacing:-2pt; font-size:24; line-height:15px; }
table, tr, td, li, p, div, .text
{ font-family:helvetica; font-size:11; letter-spacing: 0pt; color:ffffff; text-transform: none; font-weight: normal; line-height: 12px;}
.whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext, .contacttable
{display:none;height:0px;visibility:hidden}
a:active, a:visited, a:link
{ font-family:helvetica; color:000000; text-decoration:none;}
a:hover
{ font-family:helvetica; color:273A57; text-decoration:none; }
a.navbar:active, a.navbar:visited, a.navbar:link
{ font-family:century gothic; font-size:9; color:ffffff; font-weight:normal; text-decoration:none; }
a.navbar:hover
{ font-family: helvetica; font-size:9; color:ffffff; font-weight:normal; text-decoration:none; }

a.toplinks:active, a.toplinks:visited, a.toplinks:link
{text-transform: lowercase; font-weight: bold; font-family: helvetica; font-size: 11px; color:ffffff; line-height:16px; text-align: left; padding-left: 5px; }
a.toplinks:hover
{text-transform: lowercase; font-weight: bold; font-family: helvetica; font-size: 11px; color:F5F8F7; line-height:16px; text-align: left; padding-left: 5px; }

input, textarea
{ color:000000; background:ffffff; font-family: helvetica; font-size:9; text-align:left; border: 1px solid; border-color:919191; }
.layout
{ position: absolute; left: 50%; margin-left: -350px; top: 220px; z-index:1;
}
.main
{ position: absolute; left: 27.7%; top: 507px; z-index:1; width: 642px; height :319; overflow:hide;
color:ffffff; background-color:transparent; font-family:helvetica; font-size:11; text-align:justify;
scrollbar-face-color:481162;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
}
.top
{ position: absolute; left: 50%; margin-left: -105px; top: 483px; z-index:1; width: 640px; height:17; overflow:auto; margin-bottom: 100px;
color:000000; background-color:transparent; font-family:helvetica; font-size:11; text-align:justify;
}
</style>
<style>.navigationBar{margin-top:-10px;}</style>

<div class="layout">
<img /><a href=""><a href=""><img src="http://i414.photobucket.com/albums/pp221/xoxstephlovexox/layout-2.png" border="0" alt="Photobucket" /></a>
<br /><br />
</div>

<div class="main">
<br />
<center>
<strong>Stephanie Skeleton<br />

<div style="float;margin-left: 200; top: 500">
<p>
about me
</p>
</div>

<div style="postion:absolute; margin-left: -500px; margin-top:30px;">
<div style="background-image:url(http://img.photobucket.com/albums/v40/mitsiki/layoutshere/scrollboxes/girly/66.gif); width: 220px; height: 295px; margin-left:5px; top: 100px; background-color: #ffffff; border-color: #000000; border-width: 1px; border-style: solid; color: #000000; font-size: 15px; font-family: Arial; overflow: auto;"><br /><center>BANDS I LOVE</center>

<font face="helvetica">Boys like Girls</font><br /><a href="http://www.myspace.com/boyslikegirls" target="_blank"><img src="http://i32.tinypic.com/13z6cft.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Blessthefall</font><br /> <a href="http://www.myspace.com/blessthefall" target="_blank"><img src="http://i29.tinypic.com/rayl4i.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Paramore</font><br /><a href="http://www.myspace.com/paramore" target="_blank"><img src="http://i27.tinypic.com/23moohy.png" border="0" alt="Image and video hosting by TinyPic" /></a>
<font face="helvetica">Escape the Fate</font><br /><a href="http://www.myspace.com/escapethefate" target="_blank"><img src="http://i29.tinypic.com/160pirt.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">All Time Low</font><br /><a href="http://www.myspace.com/alltimelow" target="_blank"><img src="http://i27.tinypic.com/orlzl1.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Framing Hanley</font><br /><a href="http://www.myspace.com/framinghanley" target="_blank"><img src="http://i27.tinypic.com/2dj1dat.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Asking Alexandria</font><br /><a href="http://myspace.com/askingalexandria" target="_blank"><img src="http://i26.tinypic.com/ojma7t.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></div>
</a>

<div style="postion:absolute; margin-left: 800px; margin-top:100px;">
<div style="background-image:url(http://img.photobucket.com/albums/v40/mitsiki/layoutshere/scrollboxes/girly/66.gif); width: 260px; height: 300px; margin-left:-10px; top: 100px; background-color: #ffffff; border-color: #000000; border-width: 1px; border-style: solid; color: #F52887; font-size: 30px; font-family: Arial; overflow: auto;"><br />SOCIALVIBE
<center>
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://media.socialvibe.com/sv2.swf?sid=1016267" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="s=1-1016267" />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="275" width="250">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://media.socialvibe.com/sv2.swf?sid=1016267" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="s=1-1016267" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://media.socialvibe.com/sv2.swf?sid=1016267" height="275" width="250" wmode="transparent" flashvars="s=1-1016267" />
</object>
</object><br /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNvY2lhbHZpYmUuY29tLz9yPTM0MzIwMSZycz1qb2luX3N2" target="_blank"><img src="http://media.socialvibe.com/m/badge/join_sv.png" border="0" /></a></p>

<p style="margin-top:0; width:202; text-align:center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="230" width="202">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://media.socialvibe.com/sv2.swf?sid=1016269" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="s=1-1016269" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://media.socialvibe.com/sv2.swf?sid=1016269" height="230" width="202" wmode="transparent" flashvars="s=1-1016269" />
</object><br /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNvY2lhbHZpYmUuY29tLz9yPTM0MzIwMSZycz1qb2luX3N2" target="_blank"><img src="http://media.socialvibe.com/m/badge/join_sv.png" border="0" /></a></p></div>

</strong>
</center>


</div>

<div class="layout">
<br />
<center>
<strong></strong><br />


</div>

<div class="top">
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPUZSSUVORElER09FU0hFUkU=" target="new"> Add me to

friends</a>
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9RlJJRU5ESURHT0VTSEVSRQ==" target="new"> Message me</a>
<a class="toplinks" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=" target="new"> my photos</a>
<a class="toplinks" href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=" target="new"> my Videos</a>
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9RlJJRU5ESURHT0VTSEVSRQ==" target="new"> Blog</a>
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPSAxODcyNjUyMDQ=" target="new"> Comment

Me</a>

</div>



</style>

Reason for edit: Please use [codebox] tags for long codes. -Gabrielle (elletricity)

[Mickey]

Look for this:

CODE

.main
{ position: absolute; left: 27.7%; top: 507px; z-index:1; width: 642px; height :319; overflow:hide;
color:ffffff; background-color:transparent; font-family:helvetica; font-size:11; text-align:justify;
scrollbar-face-color:481162;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
}

Replace it with this:

CODE

.main
{ position: absolute; left: 50%; margin-left:#px; top: 507px; z-index:9; width: 642px; height :319; overflow:hide;
color:ffffff; background-color:transparent; font-family:helvetica; font-size:11; text-align:justify;
scrollbar-face-color:481162;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
}

.main p {color: fff!important;}

Replace the pound symbol on the attribute I underlined with an appropriate value until it's where you want it to be. Then on this bit:

CODE

<div class="main">
<br />
<center>
<strong>Stephanie Skeleton<br />

<div style="float;margin-left: 200; top: 500">
<p>
about me
</p>
</div>

Close any tags you open or they will affect any content after them:

CODE

<div class="main">
<br />
<center>
<strong>Stephanie Skeleton</strong>
</center><br />

<div style="float;margin-left: 200; top: 500">
<p>
about me
</p>
</div>

[stephskeleton]

actually i kinda want to change the color now to purple how do i do that?




wait that code that you gave me actually messed it up a little bit more, now all the words on my profile are shifting and so are some of my boxes.

Reason for edit: Please use the Edit button instead of double-posting. - Mike

[Mickey]

Posts merged. Like I've said before, close any tags you open or they will affect any content below them. Again, look for this:

CODE

<div class="main">
<br />
<center>
<strong>Stephanie Skeleton</strong>
</center><br />

<div style="float;margin-left: 200; top: 500">
<p>
about me
</p>
</div>

Replace it with this:

CODE

<div class="main">
<br />
<center>
<strong>Stephanie Skeleton</strong>
</center><br />
</div>

<div style="float;margin-left: 200; top: 500">
<p>
about me
</p>
</div>

See what happens then.

[stephskeleton]

alright so now my layout is on top of one of my boxes and my "about me" text is underneath it too. and my layout is all big and things are moved around on it like this:

btw i zoomed out in the screen shot show that you could get a complete view.

click to enlarge

[stephskeleton]

here im pretty sure ive closed all of them now.

CODE

<style>body{cursor:crosshair}</style>

"music player"
<style>
object {position:absolute; height:50px; width:50px; left:50%; z-index:9;}
object {top:505px!important; margin-left:-85px!important;}
object object, td td td object, embed {position:static; margin:auto!important; height:auto!important; width:auto!important;}


<style>
tr, td table table, table table table table, table, { height:0px; border:0px;}
table table table table, table table table table td.text, td.text td.text table { display:none;}
td.text table table { display: inline; visibility:visible;}
table td table tr td.text table { visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text { visibility:visible;}
table, tr, td { background-color: transparent; border: 0px; }
td td td td { border:0px; width:0px; text-align:left;}
a.text { visibility:hidden; height:0px; }

.navbar font { visibility:hidden; height:0px; }
tr td font { visibility:hidden; height:0px; }
body {
scrollbar-face-color:2e2e2e;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
background-image: url(http://i128.photobucket.com/albums/p165/charmroyal/layouts/div/14/bg.png); background-attachment: fixed; background-position: bottom left; background-repeat:repeat; background-color:C6B987;}
table table table {width:100%; padding:0; background-color:transparent;}
b { font-size:11; color: E31563; }
i { font-family:georgia; color: 4F1865; }
u { color: A12921; }
strong
{ font-family:georgia; color: 5EA7B0; text-transform:none; font-weight: normal; letter-spacing:-2pt; font-size:24; line-height:15px; }
table, tr, td, li, p, div, .text
{ font-family:helvetica; font-size:11; letter-spacing: 0pt; color:ffffff; text-transform: none; font-weight: normal; line-height: 12px;}
.whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext, .contacttable
{display:none;height:0px;visibility:hidden}
a:active, a:visited, a:link
{ font-family:helvetica; color:000000; text-decoration:none;}
a:hover
{ font-family:helvetica; color:273A57; text-decoration:none; }
a.navbar:active, a.navbar:visited, a.navbar:link
{ font-family:century gothic; font-size:9; color:ffffff; font-weight:normal; text-decoration:none; }
a.navbar:hover
{ font-family: helvetica; font-size:9; color:ffffff; font-weight:normal; text-decoration:none; }

a.toplinks:active, a.toplinks:visited, a.toplinks:link
{text-transform: lowercase; font-weight: bold; font-family: helvetica; font-size: 11px; color:ffffff; line-height:16px; text-align: left; padding-left: 5px; }
a.toplinks:hover
{text-transform: lowercase; font-weight: bold; font-family: helvetica; font-size: 11px; color:F5F8F7; line-height:16px; text-align: left; padding-left: 5px; }

input, textarea
{ color:000000; background:ffffff; font-family: helvetica; font-size:9; text-align:left; border: 1px solid; border-color:919191; }
.layout
{ position: absolute; left: 50%; margin-left: -350px; top: 220px; z-index:1;
}
.main
{ position: absolute; left: 50%; margin-left:-250px; top: 507px; z-index:9; width: 642px; height :319; overflow:hide;
color:ffffff; background-color:transparent; font-family:helvetica; font-size:11; text-align:justify;
scrollbar-face-color:481162;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
}

.main p {color: fff!important;}
.top
{ position: absolute; left: 50%; margin-left: -105px; top: 483px; z-index:1; width: 640px; height:17; overflow:auto; margin-bottom: 100px;
color:000000; background-color:transparent; font-family:helvetica; font-size:11; text-align:justify;
}
</style>
<style>.navigationBar{margin-top:-10px;}</style>

<div class="layout">
<img /><a href=""><a href=""><img src="http://i414.photobucket.com/albums/pp221/xoxstephlovexox/layout-2.png" border="0" alt="Photobucket" /></a>
</div>

<div class="main">
<br />
<center>
<strong>Stephanie Skeleton</strong>
</center><br />
</div>

<div style="float;margin-left: 200; top: 500">
<p>
about me
</p>
</style></div>



<div style="background-image:url(http://img.photobucket.com/albums/v40/mitsiki/layoutshere/scrollboxes/girly/66.gif); width: 220px; height: 295px; margin-left:5px; top: 100px; background-color: #ffffff; border-color: #000000; border-width: 1px; border-style: solid; color: #000000; font-size: 15px; font-family: Arial; overflow: auto;"><br /><center>BANDS I LOVE

<font face="helvetica">Boys like Girls</font><br /><a href="http://www.myspace.com/boyslikegirls" target="_blank"><img src="http://i32.tinypic.com/13z6cft.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Blessthefall</font><br /> <a href="http://www.myspace.com/blessthefall" target="_blank"><img src="http://i29.tinypic.com/rayl4i.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Paramore</font><br /><a href="http://www.myspace.com/paramore" target="_blank"><img src="http://i27.tinypic.com/23moohy.png" border="0" alt="Image and video hosting by TinyPic" /></a>
<font face="helvetica">Escape the Fate</font><br /><a href="http://www.myspace.com/escapethefate" target="_blank"><img src="http://i29.tinypic.com/160pirt.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">All Time Low</font><br /><a href="http://www.myspace.com/alltimelow" target="_blank"><img src="http://i27.tinypic.com/orlzl1.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Framing Hanley</font><br /><a href="http://www.myspace.com/framinghanley" target="_blank"><img src="http://i27.tinypic.com/2dj1dat.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
<font face="helvetica">Asking Alexandria</font><br /><a href="http://myspace.com/askingalexandria" target="_blank"><img src="http://i26.tinypic.com/ojma7t.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></div>
</a>
</style></div>
</center>

<div class="layout">
<br />
<center>
<strong></strong>
</center></div>

<div class="top">
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPUZSSUVORElER09FU0hFUkU=" target="new"> Add me to

friends</a>
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9RlJJRU5ESURHT0VTSEVSRQ==" target="new"> Message me</a>
<a class="toplinks" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=" target="new"> my photos</a>
<a class="toplinks" href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=" target="new"> my Videos</a>
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9RlJJRU5ESURHT0VTSEVSRQ==" target="new"> Blog</a>
<a class="toplinks" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPSAxODcyNjUyMDQ=" target="new"> Comment

Me</a>

</div>

</style>

Reason for edit: Please put codes in codeboxes. Thanks -Natalia

[Mickey]

Read all the tutorials under the "Basics of Making a Layout" header here to gain a clearer understanding of CSS and how to work with it. Then, check out this tutorial on making a DIV layout using 1.0.

[stephskeleton]

alright so i used the new layout code and now I'm wondering where you put the background image. the tutorial doesn't specifically state where to put it.

thank you for that btw it really was much simpler

[Mickey]

For a background image on the whole page, it's this bit here:

CODE

body {
background-color: 000000;
background-image:url();
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

For a header image, it's explained near the bottom of this post.

[stephskeleton]

i put the code:

CODE

font-family:Arial;
font-size: 10px;
color: #330099;
text-decoration:none;
text-transform:none;
font-weight: normal;

under my div section but it still wont change the color.

[stephskeleton]

alright i fixed that now is it possible to get the contact box links to be in one line and not two?
heres what it looks like now:

comment blog pics add home
message friends block

[Mickey]

Make your page public or post your updated codes.

[stephskeleton]

this is under my about me:

CODE

<style>
table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}</style>

<style>

.div{
position: absolute;
left: 50%;
margin-left:-400px;
top: 150px;
z-index: 0;

background-image: url(http://i128.photobucket.com/albums/p165/charmroyal/layouts/div/14/bg.png); background-attachment: fixed; background-position: bottom left; background-repeat:repeat; background-color:C6B987;}

body {
background-color: 000000;
background-image:url(http://i128.photobucket.com/albums/p165/charmroyal/layouts/div/14/bg.png);
background-position: bottom left;
background-repeat: repeat;
background-attachment: fixed;}

.one{
position: absolute;
left: 50%;
margin-left:-350px;
top: 500px;
z-index:5;
width: 300px;
height: 300px;
overflow: auto;}

.two{
position: absolute;
left: 50%;
margin-left:-100px;
top: 430px;
z-index:5;
width: 200px;
height: 100px;
overflow: auto;}</style>

this is under who id like to meet:

CODE

<style>
.one {#330099}
* {color:9966cc !important;}
</style>

<div class="div">
<img /><a href="http://www.msplinks.com/MDFodHRwOi8vczQxNC5waG90b2J1Y2tldC5jb20vYWxidW1zL3BwMjIxL3hveHN0ZXBobG92ZXhveC8/YWN0aW9uPXZpZXcmY3VycmVudD1sYXlvdXQtMi5wbmc=" target="_blank"><img src="http://i414.photobucket.com/albums/pp221/xoxstephlovexox/layout-2.png" border="0" alt="Photobucket" /></a>

</div>

<div class="one"><center>BANDS I LOVE<br /><br />

Boys like Girls<br /><a href="http://www.myspace.com/boyslikegirls" target="_blank"><img src="http://i32.tinypic.com/13z6cft.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
Blessthefall<br /><a href="http://www.myspace.com/blessthefall" target="_blank"><img src="http://i29.tinypic.com/rayl4i.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
Paramore<br /><a href="http://www.myspace.com/paramore" target="_blank"><img src="http://i27.tinypic.com/23moohy.png" border="0" alt="Image and video hosting by TinyPic" /></a><br />
Escape the Fate<br /><a href="http://www.myspace.com/escapethefate" target="_blank"><img src="http://i29.tinypic.com/160pirt.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
All Time Low<br /><a href="http://www.myspace.com/alltimelow" target="_blank"><img src="http://i27.tinypic.com/orlzl1.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
Framing Hanley<br /><a href="http://www.myspace.com/framinghanley" target="_blank"><img src="http://i27.tinypic.com/2dj1dat.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br />
Asking Alexandria<br /><a href="http://myspace.com/askingalexandria" target="_blank"><img src="http://i26.tinypic.com/ojma7t.jpg" border="0" alt="Image and video hosting by TinyPic" />
</center>
</div>

<div class="two">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFg=">comment </a>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY">blog </a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=">pics </a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPVhYWFhYWA==">add </a>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">home </a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFgmTXlUb2tlbj02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiNmRhM
JiZmI=">message </a>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9Nb2R1bGVzL1ZpZXdGcmllbmRzL0ZyaWVuZHNWaWV3LmFz
Hg/ZnJpZW5kSUQ9WFhYWFhY">friends </a>

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWA==">block </a><center>

</center>
</div>

[Mickey]

Look for this:

CODE

.two{
position: absolute;
left: 50%;
margin-left:-100px;
top: 430px;
z-index:5;
width: 200px;
height: 100px;
overflow: auto;}

Adjust the width until the DIV has enough space to have the links on a single line.