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

[elletricity]

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)

[Mike]

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

[Mike]

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

[Mike]

How about you go through all of your codes and make sure all of your open tags are closed like I've already told you twice before?

[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

[Mike]

You haven't. Your coding is ridiculously messy. 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

[Mike]

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.