Log In · Register

 
 
Closed TopicStart new topic
Scrool box not moving, What should I edit?
Raven_Night
post Jul 10 2007, 04:49 PM
Post #1


Short Attention Span!
**

Group: Member
Posts: 24
Joined: Oct 2005
Member No: 276,042



So I'm trying to make a new layout and trying to improve on the comments made on my last one on moving the box the be more centered. Well I figured out how to move the box, but I can't find out how to make the scroll box move.

Here's a screencap of what I'm talking about:
Click Here

And here's the code.
CODE
<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" .."Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
div table,div table table td,div table table,div table table div,table td div div,div table,div table td{height:0px;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font,table font,tr font,td font,div font,td textarea,td input,td form{visibility:hidden;}
</style><style>
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text
table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>



<style type=text/css>

body {
background-color: FEFEA5;
background-image: url("");
background-position: left;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-face-color: FEFEA5;
scrollbar-highlight-color: FEFEA5;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-arrow-color: 000000;
scrollbar-track-color: FEFEA5;}

table, tr, td {background-color: transparent; border: 0px; padding:0;}
table table {border: 0px;}
table table table table{border: 0px;}


table table table {border: 0px solid; border-color: FEFEA5; background-color: transparent; }


body,table, td, li, p, div, textarea
{font:normal 9px Arial; font-weight:none; border:0px; text-transform: none; line-height:0px; color: 000000;}

.text {font:normal 9px Arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}


.redtext{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }


.redbtext{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }


.orangetext15{font-family: Arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}


.lightbluetext8{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

.whitetext12{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}


.blacktext12{font-family: Arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }


.nametext{font-family: Arial; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}


.blacktext10{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}


a{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}


a.redlink{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

a.navbar{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}


a:link, a.man{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Arial; font-size:11px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover img {filter: Blur(Add = 1, Direction = 225, Strength = 10);}

.standard b, p b, B, strong {
font-family:Arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }




</style>


<style>td td object {position:absolute; left:0px; bottom:0px; display:block; width:0px; height:0px;}</style>

<style type="text/css">
.myspaceit {
height:210px;
width:450px;
font:10pt arial;
overflow:auto;
visibility: visible;
}
</style>
<div class="bg" style="position: absolute; left:100px; top:229px; width:866px; height:503px; overflow: hidden; z-index:0;">
<img src="http://i18.photobucket.com/albums/b149/x_little_miss_nothing_x/chibimarubackround.jpg">
</div>

<div class="about me" style="position: absolute; left:50%; top:50%; width:500px; height:300px; overflow: auto; z-index:1;">
<div class="myspaceit">
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJm15dG9rZW49OTZmY2FhNzYtMTliOS00NzE2LWE4MjktZTM5NmEzZmJlMWZm">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld2FsYnVtcyZmcmllbmRpZD1mcmllbmRpZGhlcmU=">pics</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRpZD1mcmllbmRpZGhlcmUmbXl0b2tlbj1hYmFmY2FjZC1lNmMwLTQxNmMtOGUwYy0wZ
QzYjBiNjRhNzM=">msg</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRpZD1mcmllbmRpZGhlcmUmbXl0
2tlbj1hYmFmY2FjZC1lNmMwLTQxNmMtOGUwYy0wZGQzYjBiNjRhNzM=">add</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlX2NvbW1lbnRmb3JtJmZyaWVuZGlkPWZyaWVuZGlkaGVy
SZteXRva2VuPWFiYWZjYWNkLWU2YzAtNDE2Yy04ZTBjLTBkZDNiMGI2NGE3Mw==">Cmnt</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZGlkPWZyaWVuZGlkaGVyZSZteXRva2VuPTA0
jliZjI3LTE3ZGYtNGRiOS1hYmJhLTAyN2RkN2MxMDBjMg==">Friends</a>


<center>
<br><br>
text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text
Layout by <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3JhdmVuaWdodA==">raven REVENGE™</a>
<br><br>

</center></div>
</div>

<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>



<style type="text/css">
.myspace-scroll-box {
height:110px;
width:125px;
font:10pt terminal;
overflow:hidden;
visibility: visible;
}
</style>
<div class="scroll" style="position: absolute; left:700px; top:550px; width:400px; height:125px; overflow: none; z-index:0;">
<div class="myspaceit" >





</div>
</div>
 
YourSuperior
post Jul 10 2007, 04:50 PM
Post #2


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



Put it in a seperate div, and move it.
 
Raven_Night
post Jul 10 2007, 04:57 PM
Post #3


Short Attention Span!
**

Group: Member
Posts: 24
Joined: Oct 2005
Member No: 276,042



QUOTE(Alvin @ Jul 10 2007, 04:50 PM) *
Put it in a seperate div, and move it.


What do you mean?
 
YourSuperior
post Jul 10 2007, 05:01 PM
Post #4


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



Is the div with the class named "Scroll" is that your scrollbox?
 
Raven_Night
post Jul 10 2007, 05:01 PM
Post #5


Short Attention Span!
**

Group: Member
Posts: 24
Joined: Oct 2005
Member No: 276,042



QUOTE(Alvin @ Jul 10 2007, 05:01 PM) *
Is the div with the class named "Scroll" is that your scrollbox?


Yes it is
 
YourSuperior
post Jul 10 2007, 05:05 PM
Post #6


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



You do realize that you have nothing in the "scroll" div.
 
Raven_Night
post Jul 10 2007, 05:06 PM
Post #7


Short Attention Span!
**

Group: Member
Posts: 24
Joined: Oct 2005
Member No: 276,042



QUOTE(Alvin @ Jul 10 2007, 05:05 PM) *
You do realize that you have nothing in the "scroll" div.



Are you talking about this part?

CODE
<div class="scroll" style="position: absolute; left:700px; top:550px; width:400px; height:125px; overflow: none; z-index:0;">
<div class="myspaceit" >
 
YourSuperior
post Jul 10 2007, 05:13 PM
Post #8


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



Yes. You have a div inside of another div which means basically nothing is in your "scoll" div.
 
Raven_Night
post Jul 10 2007, 05:14 PM
Post #9


Short Attention Span!
**

Group: Member
Posts: 24
Joined: Oct 2005
Member No: 276,042



QUOTE(Alvin @ Jul 10 2007, 05:13 PM) *
Yes. You have a div inside of another div which means basically nothing is in your "scoll" div.


So what do I to fill the "scroll" div?
 
YourSuperior
post Jul 10 2007, 06:42 PM
Post #10


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



What ever it is that you need in the "scroll" div put it in there. Isn't the "scroll" div the box that you want to be moved/aligned?
 

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