Log In · Register

 
 
Closed TopicStart new topic
moving the div over
lala09
post Aug 7 2008, 08:02 PM
Post #1


Senior Member
****

Group: Member
Posts: 144
Joined: Aug 2006
Member No: 459,714



this is how my div look
http://i33.tinypic.com/wvo67c.jpg
(i made the tables and everything, but my screen couldn't capture the whole thing)
i would like to shift it more to the left or center it because it's too much on the right side
can anyone help? thanks.
 
pandemonium
post Aug 7 2008, 08:05 PM
Post #2


the name's mario
******

Group: Official Member
Posts: 1,270
Joined: Jun 2008
Member No: 656,520



have you used
left:50%;
margin-left:-400px;

btw you should give some coding
 
lala09
post Aug 7 2008, 08:36 PM
Post #3


Senior Member
****

Group: Member
Posts: 144
Joined: Aug 2006
Member No: 459,714



no i haven't used those.
i dont know where that belongs
here's the codes


about me
CODE
<style>
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;}
</style>






<style>.userprofiledetail { display:none; } .latestblogentry, .extendednetwork, .nametext,

.orangetext15, .contacttable, .userProfileURL, .friendspace {display:none}</style>



<style>td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>





<style>
.a {hide top search and shortcuts bar}
select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}
</style>



<style>
.x3 {hide headline quotes}
.profileInfo img {margin:-5px; position:relative;}
.profileInfo a img {margin:0px;}
</style>



<style>
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.profileInfo .ImgOnlineNow {visibility:visible;}
</style>



<style>
.navigationBar {display:none;}
</style>


<style>.interestsAndDetails .whitetext12{display: none;}</style>





<style>
table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}
.friendsComments {display:none;}
</style>




<style>
.a {hide schools section}
.userProfileSchool {display:none;}
</style>





<style>
div div select, div div form, div div

input{display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
</style>






<style>.note {bring the tables up more}
td.text table {position:relative; top: -45px;}
td.text table table {position:static;}</style>









<style>
.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}
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;}
</style>




<style>
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;}
table tr td div font {display: none;}
tr {background-color:transparent}
</style>






<style>
BODY{scrollbar-face-color:ffffff;
scrollbar-shadow-color:fffffff;
scrollbar-highlight-color:76d5df;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color: 76d5df; }
</style>




<style>
body {background-color:;
background-image:url("http://i38.tinypic.com/1zyvmh5.png");
background-position:X;
background-repeat:repeat;
background-attachment:fixed;}

table, tr, td, li, p, div {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

textarea, input {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.nametext {font-family:pharmacy; color:000000; font-size:28px; text-transform:normal; font-weight:normal; letter-spacing:-2px; line-height:25px; display:block; text-align:center;}

.lightbluetext8 {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.blacktext12 {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.blacktext10 {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.orangetext15 {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.btext {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.redtext {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.redbtext {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.text {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.whitetext12 {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

a:active, a:visited, a:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:tahoma; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a:hover, a.navbar:hover, a.redlink:hover {font-family:tahoma; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:bold; line-height:10px;}
</style>



<style>
b, strong {background-color:;
color: 76d5df;
font-family:small fonts;
font-size:7pt;
letter-spacing:0pt;
font-weight:bold; }
i,em{
background-color:;
color:76d5df;
font-family:georgia;
font-size:6pt;
letter-spacing:0pt;
font-weight:normal; }
u{
background-color:;
color:afafaf;
font-family:small fonts;
font-size:7pt;
letter-spacing:0pt;
font-weight:normal; }


</style>












<style>.note {bring the tables up more}
td.text table {position:relative; top: -100px;}
td.text table table {position:static;}</style>



<div style="width:1000px; height:p1000x;
background-image:url(http://i38.tinypic.com/8yi9gl.png);">
<img src="http://x.myspace.com/images/clear.gif" style="width:1000px;
height:1000px;" />
</div>












<div class="bg" style="position: absolute; left:600px; top:620px; width:350px; height:250px; overflow:auto;">

<b>---*(Name:]</b> jessica™

</div>



<div class="bg" style="position: absolute; left:600px; top:650px; width:350px; height:200px; overflow:auto;">


<b>---*(Age:]</b> old enuff

</div>



<div class="bg" style="position: absolute; left:600px; top:680px; width:350px; height:200px; overflow:auto;">


<b>---*(Orientation:]</b> only goin 4 dha males

</div>



<div class="bg" style="position: absolute; left:600px; top:710px; width:350px; height:200px; overflow:auto;">


<b>---*(Status:]</b> single; and staying dat way until the "right" person

</div>


<div class="bg" style="position: absolute; left:620px; top:720px; width:350px; height:200px; overflow:auto;">


comes along

</div>




<div class="bg" style="position: absolute; left:600px; top:740px; width:350px; height:200px; overflow:auto;">


<b>---*(AIM]</b> ask and it shall be given; maybe

</div>



<div class="bg" style="position: absolute; left:600px; top:770px; width:350px; height:200px; overflow:auto;">


<b>---*(Best Friends:]</b> only got a couple of dem; i don't trust too many
</div>



<div class="bg" style="position: absolute; left:620px; top:780px; width:350px; height:200px; overflow:auto;">


people; trust is a luxury i can't afford

</div>



<div class="bg" style="position: absolute; left:600px; top:800px; width:350px; height:200px; overflow:auto;">


<b>---*(Spare Time:]</b> i make layouts & graphics & use dha computer,

</div>




<div class="bg" style="position: absolute; left:620px; top:810px; width:350px; height:200px; overflow:auto;">

watch t.v., go shopping & hanging out


</div>




<div class="bg" style="position: absolute; left:600px; top:830px; width:350px; height:200px; overflow:auto;">


<b>---*(Genre:]</b> reggae, dancehall, soca, hip hop, & r&b

</div>



<div class="bg" style="position: absolute; left:600px; top:860px; width:350px; height:200px; overflow:auto;">


<b>---*(:]</b>

</div>





i'd like to meet
CODE
<div class="bg" style="position: absolute; left:90px; top:620px; width:280px; height:200px; overflow:auto;">





<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="linkies">hop off</a><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdG

UuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD01NzQ3NzM0NQ==" class="linkies">friend request</a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haW

wubWVzc2FnZSZmcmllbmRJRD01NzQ3NzM0NQ==" class="linkies">love letters</a><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLn

ZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTU3NDc3MzQ1" class="linkies">say something</a><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9NTc0NzczNDU=" class="linkies">kodak moment</a>




<style>
a.linkies:link, a.linkies:active, a.linkies:visited{
background-color:FFFFFF;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:8px;
text-decoration:none;
width:400px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:-1pt;
margin-bottom:1px;
}
a.linkies:hover{
background-color:FFFFFF;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:8px;
text-decoration:none;
width:400px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:-1pt;
margin-bottom:1px;
}
</style>




<style>
a.linkies:link, a.linkies:active, a.linkies:visited{
background-color:FFFFFF;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:8px;
text-decoration:none;
width:260px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1pt;
margin-bottom:1px;
border-left-width:5px;
border-left-style:solid;
border-left-color:000000;
border-right-width:5px;
border-right-style:solid;
border-right-color:76d5df;
}
a.linkies:hover{
background-color:FFFFFF;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:8px;
text-decoration:none;
width:260px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1pt;
margin-bottom:1px;
border-left-width:5px;
border-left-style:solid;
border-left-color:76d5df;
border-right-width:5px;
border-right-style:solid;
border-right-color:000000;
}
</style>

</div>













<div class="bg" style="position: absolute; left:80px; top:850px; width:280px; height:250px; overflow:auto;">

<center><b>Theme:</b> Rihanna</center>
<center><b>Color'sz Used:</b> U Must Be Blind</center>
<center><b>Song:</b> Figure It Out</center>
<center><b>Program Used:</b> Figure It Out</center>
<center><b>Made By:</b> Meh 100%</center>


<center><i>- - - - - - - - - - - - -</i></center>









</div>
Reason for edit: please put codes in codeboxes. thanks :) -natalia
 
silent-rebirth
post Aug 7 2008, 09:42 PM
Post #4


Member
**

Group: Member
Posts: 19
Joined: Jul 2008
Member No: 669,383



Try changing the "left:90px;" to a different number.
 
lala09
post Aug 7 2008, 10:00 PM
Post #5


Senior Member
****

Group: Member
Posts: 144
Joined: Aug 2006
Member No: 459,714



QUOTE(silent-rebirth @ Aug 7 2008, 10:42 PM) *
Try changing the "left:90px;" to a different number.



i tired that, but it only moved the navigation.
 
Mickey
post Aug 8 2008, 02:20 AM
Post #6


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Replace your About Me codes with this:

CODE
<style>
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;}
.userprofiledetail { display:none; } .latestblogentry, .extendednetwork, .nametext,
.orangetext15, .contacttable, .userProfileURL, .friendspace {display:none}
.friendsComments {display:none;}
.userProfileSchool {display:none;}
.interestsAndDetails {display: none;}
.whitetext12 {display: none;}
.navigationBar {display:none;}</style>

<style>
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>

<style>
.a {hide top search and shortcuts bar}
select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}
</style>

<style>
.profileInfo img {margin:-5px; position:relative;}
.profileInfo a img {margin:0px;}
</style>

<style>
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.profileInfo .ImgOnlineNow {visibility:visible;}
</style>

<style>
table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}
</style>

<style>
div div select, div div form, div div
input{display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
</style>

<style>
td.text table {position:relative; top: -100px;}
td.text table table {position:static;}
</style>

<style>
.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}
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;}
</style>

<style>
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;}
table tr td div font {display: none;}
tr {background-color:transparent}
</style>

<style>
body {background-color:;
background-image:url("http://i38.tinypic.com/1zyvmh5.png");
background-position:X;
background-repeat:repeat;
background-attachment:fixed;
scrollbar-face-color:ffffff;
scrollbar-shadow-color:fffffff;
scrollbar-highlight-color:76d5df;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color: 76d5df;}

table, tr, td, li, p, div {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

textarea, input {font-family:tahoma; color:000000; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

a:active, a:visited, a:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:tahoma; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a:hover, a.navbar:hover, a.redlink:hover {font-family:tahoma; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:bold; line-height:10px;}
</style>

<style>
b, strong {background-color:;
color: 76d5df;
font-family:small fonts;
font-size:7pt;
letter-spacing:0pt;
font-weight:bold; }
i,em{
background-color:;
color:76d5df;
font-family:georgia;
font-size:6pt;
letter-spacing:0pt;
font-weight:normal; }
u{
background-color:;
color:afafaf;
font-family:small fonts;
font-size:7pt;
letter-spacing:0pt;
font-weight:normal; }
</style>

<style>
a.linkies:link, a.linkies:active, a.linkies:visited{
display:block;
background-color:FFFFFF;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:8px;
text-decoration:none;
width:235px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1pt;
margin-bottom:2px;
border-left-width:5px;
border-left-style:solid;
border-left-color:000000;
border-right-width:5px;
border-right-style:solid;
border-right-color:76d5df;}
a.linkies:hover{
display:block;
background-color:FFFFFF;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:8px;
text-decoration:none;
width:235px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1pt;
margin-bottom:2px;
border-left-width:5px;
border-left-style:solid;
border-left-color:76d5df;
border-right-width:5px;
border-right-style:solid;
border-right-color:000000;}
</style>

Replace your Who I'd Like To Meet codes with this:

CODE
<div style="width:1000px; height:1000px;
background-image:url(http://i38.tinypic.com/8yi9gl.png); left:50%; margin-left:-500px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:1000px;
height:1000px;" />
</div>

<div class="bg" style="position: absolute; left:50%; margin-left:0px; top:720px; width:350px; height:250px; overflow:auto;">
<b>---*(Name:]</b> jessica™
<br />
<br />
<b>---*(Age:]</b> old enuff
<br />
<br />
<b>---*(Orientation:]</b> only goin 4 dha males
<br />
<br />
<b>---*(Status:]</b> single; and staying dat way until the "right" person comes along
<br />
<br />
<b>---*(AIM]</b> ask and it shall be given; maybe
<br />
<br />
<b>---*(Best Friends:]</b> only got a couple of dem; i don't trust too many
<br />
<br />
people; trust is a luxury i can't afford
<br />
<br />
<b>---*(Spare Time:]</b> i make layouts & graphics & use dha computer, watch t.v., go shopping & hanging out
<br />
<br />
<b>---*(Genre:]</b> reggae, dancehall, soca, hip hop, & r&b
<br />
<br />
<b>---*(:]</b>
</div>

<div class="bg" style="position: absolute; left:50%; margin-left:-517px; top:720px; width:280px; height:200px; overflow:auto;">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="linkies">hop off</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD01NzQ3NzM0NQ==" class="linkies">friend request</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD01NzQ3NzM0NQ==" class="linkies">love letters</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTU3NDc3MzQ1" class="linkies">say something</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD01NzQ3NzM0NQ==" class="linkies">kodak moment</a>
</div>

<div class="bg" style="position: absolute; left:50%; margin-left:-530px; top:980px; width:280px; height:250px; overflow:auto;">
<center><b>Theme:</b> Rihanna</center>
<center><b>Color'sz Used:</b> U Must Be Blind</center>
<center><b>Song:</b> Figure It Out</center>
<center><b>Program Used:</b> Figure It Out</center>
<center><b>Made By:</b> Meh 100%</center>
<center><i>- - - - - - - - - - - - -</i></center>
</div>

If that doesn't make your profile look the way you want it, I don't know what will. (I hope you don't mind me cleaning up your codes as well.) Enjoy! thumbsup.gif
 

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