Forums > HELP putting a layout code in a scroll box!!!!!!

Full Version: HELP putting a layout code in a scroll box!!!!!!

Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics

hopem428

Nov 12 2008, 12:03 PM

I just made a Design site and I know how to do pretty much everything on there, like links and things like that...but I have been looking all day for tutorials on how to put a layout code in a scroll box.

And I found one that I thought would work. It put the code in there, but it was all messed up with <P> or something like that showing everywhere, and the code didn't work for the layout. So, if anyone can help me, I would REALLY REALLY REALLY appreciate it!!!!

These are the codes I used:

For the scroll box:

CODE

Then I used text area and put in my code.
And this is the codes all together:

CODE

<div style="border: 2px solid rgb(0, 0, 0); width: 390px; height: 150px; overflow: auto;"><textarea><style>
    body {
      background-color:fff;
      background-image:url('http://i263.photobucket.com/albums/ii133/hopem428/forlayouts/pagefulloshitbycephalopjj2.jpg');
      background-position:top left;
      background-repeat:repeat;
      background-attachment:fixed;
    } 
  
    .contacttable a img{display:inline; margin:-3px;border:0px;}
    body, div, span, a, table, tr, td, table table table {font-family:arial !important;}
   a img {border:1px solid;border-color:ffb100;}
   a img:hover {border:1px solid;border-color:000;}
   
   table table table {height:15px;}
   
   .text,table, tr, td, li, div, p
   { font-family:arial; font-size:11; letter-spacing: 0pt; color:000000; text-transform: lowercase; font-weight: normal; line-height: 11px;} 
   
   .btext,strong,b
   { font-family:arial; font-size:11; letter-spacing: 0pt; color:000; text-transform: lowercase; font-weight: bold; line-height: 11px;} 
   
   .nametext 
   { font-family:georgia!important,arial; font-size:27px; letter-spacing: -1pt; color:000; text-transform: uppercase; text-align:center; font-weight: bold; line-height:30px;  padding-left:2px; display: block;  } 
   
    .orangetext15,.whitetext12
   { font-family:arial; font-size:11; font-weight:bold; line-height:5px;} 
    
   .lightbluetext8
   { font-family:tahoma; font-size:9; letter-spacing: 0pt;  text-transform: uppercase; font-weight: bold; text-align:center;  display:block;  border:1px solid; border-color:000;background-color:000; color:fff;}
   
   .blacktext10
   {color:fff; font-family:tahoma; font-size:11; letter-spacing: 0pt;  text-transform: uppercase; font-weight: bold; text-align:center;  border:1px solid; border-color:000; display:block;background-color:000;padding:2px; }
   
   .blacktext12
   { font-family:tahoma; font-size:12; letter-spacing: 0pt; color:fff; text-transform: normal; font-weight: normal; text-align:center; background-color:000; display:block; }
   
   a:link,a:visited,a:active, a.redlink:active, a.redlink:visited, a.redlink:link{color:ffb100;border-bottom:0px dashed; font-weight:bold;border-color:000000;}
   a:hover, a.redlink:hover{color:000;border-bottom:0px solid; border-color:000;font-weight:bold;}
   .redtext,.redbtext{font-size:21px;color:000;font-weight:bold;}
     
   img { border: 0px; }br{line-height:11px;}tr {background-color:transparent}
   TD TD {text-align: ;height:.01%;}TD TD TD {text-align: ; height:.01%;}
   TD TD TD TD {border-top: 0px solid; width:; text-align:; height:.01%;}TD TD TD TD TD {border-top: 0px solid black; text-align:; height:.01%;}TD TD TD TD TD TD {border: 0px solid; height:.01%;}
   TABLE, TD {padding: 0px; text-transform: lowercase; height:.01%;}div table tr td form{display:none;}td, tr, table { height:0px;}
   table, td { border:none; border-width: 0px;padding: 0px; text-transform: lowercase;}
   table table table { border-width:0px; border-style:solid; border-color:black;}table table table table { border-width:0px;} 
   </style></textarea></div>

Then it came out the look like this.

CODE

<</FONT><FONT size=2>style></P><P>body {</P><P>background-color:fff;</P><P>background-image:url('http://i263.photobucket.com/albums/ii133/hopem428/forlayouts/pagefulloshitbycephalopjj2.jpg');</P><P>background-position:top left;</P><P>background-repeat:repeat;</P><P>background-attachment:fixed;</P><P>} </P><P></P><P>.contacttable a img{display:inline; margin:-3px;border:0px;}</P><P>body, div, span, a, table, tr, td, table table table {font-family:arial !important;}</P><P>a img {border:1px solid;border-color:ffb100;}</P><P>a img:hover {border:1px solid;border-color:000;}</P><P></P><P>table table table {height:15px;}</P><P></P><P>.text,table, tr, td, li, div, p</P><P>{ font-family:arial; font-size:11; letter-spacing: 0pt; color:000000; text-transform: lowercase; font-weight: normal; line-height: 11px;} </P><P></P><P>.btext,strong,b</P><P>{ font-family:arial; font-size:11; letter-spacing: 0pt; color:000; text-transform: lowercase; font-weight: bold; line-height: 11px;} </P><P></P><P>.nametext </P><P>{ font-family:georgia!important,arial; font-size:27px; letter-spacing: -1pt; color:000; text-transform: uppercase; text-align:center; font-weight: bold; line-height:30px; padding-left:2px; display: block; } </P><P></P><P>.orangetext15,.whitetext12</P><P>{ font-family:arial; font-size:11; font-weight:bold; line-height:5px;} </P><P></P><P>.lightbluetext8</P><P>{ font-family:tahoma; font-size:9; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align:center; display:block; border:1px solid; border-color:000;background-color:000; color:fff;}</P><P></P><P>.blacktext10</P><P>{color:fff; font-family:tahoma; font-size:11; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align:center; border:1px solid; border-color:000; display:block;background-color:000;padding:2px; }</P><P></P><P>.blacktext12</P><P>{ font-family:tahoma; font-size:12; letter-spacing: 0pt; color:fff; text-transform: normal; font-weight: normal; text-align:center; background-color:000; display:block; }</P><P></P><P>a:link,a:visited,a:active, a.redlink:active, a.redlink:visited, a.redlink:link{color:ffb100;border-bottom:0px dashed; font-weight:bold;border-color:000000;}</P><P>a:hover, a.redlink:hover{color:000;border-bottom:0px solid; border-color:000;font-weight:bold;}</P><P>.redtext,.redbtext{font-size:21px;color:000;font-weight:bold;}</P><P></P><P>img { border: 0px; }br{line-height:11px;}tr {background-color:transparent}</P><P>TD TD {text-align: ;height:.01%;}TD TD TD {text-align: ; height:.01%;}</P><P>TD TD TD TD {border-top: 0px solid; width:; text-align:; height:.01%;}TD TD TD TD TD {border-top: 0px solid black; text-align:; height:.01%;}TD TD TD TD TD TD {border: 0px solid; height:.01%;}</P><P>TABLE, TD {padding: 0px; text-transform: lowercase; height:.01%;}div table tr td form{display:none;}td, tr, table { height:0px;}</P><P>table, td { border:none; border-width: 0px;padding: 0px; text-transform: lowercase;}</P><P>table table table { border-width:0px; border-style:solid; border-color:black;}table table table table { border-width:0px;} </P><P></style></FONT><FONT face="Times New Roman" size=3>

ley

Nov 12 2008, 12:19 PM

putting them in a textarea box works for me

<textarea>your code</textare>

Mickey

Nov 12 2008, 02:29 PM

QUOTE(leyvacu @ Nov 12 2008, 07:19 PM)

putting them in a textarea box works for me

<textarea>your code</textare>

The original poster said he/she already used <textarea> tags and the bottom code is what he/she got. Anyway, you put </textare> instead of </textarea> so that code still won't help. But anyway, I think it's because you're putting <textarea> codes inside <div> tags. I'm not sure, but see if this works:

CODE

<textarea style="border: 2px solid rgb(0, 0, 0); width: 390px; height: 150px; overflow: auto;"><div style="border: 2px solid rgb(0, 0, 0); width: 390px; height: 150px; overflow: auto;"><textarea><style>
    body {
      background-color:fff;
      background-image:url('http://i263.photobucket.com/albums/ii133/hopem428/forlayouts/pagefulloshitbycephalopjj2.jpg');
      background-position:top left;
      background-repeat:repeat;
      background-attachment:fixed;
    } 
  
    .contacttable a img{display:inline; margin:-3px;border:0px;}
    body, div, span, a, table, tr, td, table table table {font-family:arial !important;}
   a img {border:1px solid;border-color:ffb100;}
   a img:hover {border:1px solid;border-color:000;}
   
   table table table {height:15px;}
   
   .text,table, tr, td, li, div, p
 { font-family:arial; font-size:11; letter-spacing: 0pt; color:000000; text-transform: lowercase; font-weight: normal; line-height: 11px;} 
   
   .btext,strong,b
 { font-family:arial; font-size:11; letter-spacing: 0pt; color:000; text-transform: lowercase; font-weight: bold; line-height: 11px;} 
   
   .nametext 
 { font-family:georgia!important,arial; font-size:27px; letter-spacing: -1pt; color:000; text-transform: uppercase; text-align:center; font-weight: bold; line-height:30px; padding-left:2px; display: block; } 
   
    .orangetext15,.whitetext12
   { font-family:arial; font-size:11; font-weight:bold; line-height:5px;} 
    
   .lightbluetext8
 { font-family:tahoma; font-size:9; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align:center; display:block; border:1px solid; border-color:000;background-color:000; color:fff;}
   
   .blacktext10
 {color:fff; font-family:tahoma; font-size:11; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align:center; border:1px solid; border-color:000; display:block;background-color:000;padding:2px; }
   
   .blacktext12
 { font-family:tahoma; font-size:12; letter-spacing: 0pt; color:fff; text-transform: normal; font-weight: normal; text-align:center; background-color:000; display:block; }
   
 a:link,a:visited,a:active, a.redlink:active, a.redlink:visited, a.redlink:link{color:ffb100;border-bottom:0px dashed; font-weight:bold;border-color:000000;}
   a:hover, a.redlink:hover{color:000;border-bottom:0px solid; border-color:000;font-weight:bold;}
   .redtext,.redbtext{font-size:21px;color:000;font-weight:bold;}
     
   img { border: 0px; }br{line-height:11px;}tr {background-color:transparent}
   TD TD {text-align: ;height:.01%;}TD TD TD {text-align: ; height:.01%;}
 TD TD TD TD {border-top: 0px solid; width:; text-align:; height:.01%;}TD TD TD TD TD {border-top: 0px solid black; text-align:; height:.01%;}TD TD TD TD TD TD {border: 0px solid; height:.01%;}
 TABLE, TD {padding: 0px; text-transform: lowercase; height:.01%;}div table tr td form{display:none;}td, tr, table { height:0px;}
   table, td { border:none; border-width: 0px;padding: 0px; text-transform: lowercase;}
   table table table { border-width:0px; border-style:solid; border-color:black;}table table table table { border-width:0px;} 
   </style></textarea></div></textarea>

That will most likely work.

hopem428

Nov 12 2008, 02:49 PM

Ok.
I finally got what I wanted.
I am no long using a scroll box.
I'm using the <text area> code for it.
The only problem that I'm having now is that there are a bunch of <br> showing up all in my layout code and I don't know how to get rid of them
It would be too much to have to go and erase them for all of the layouts.

What can I do?

Mickey

Nov 12 2008, 02:53 PM

You'd have to remove them so what I suggest doing is to copy and paste all your codes onto a Word document. Then, use the Find & Replace method to find all the <br> tags. That way, you can just replace them with a space.

Mickey

Nov 14 2008, 05:17 PM

If you look at the codes altogether, he/she did close it. Anyway, he/she already got what he/she wanted.

Should I close this now?

tokyo-rose

Jul 16 2009, 05:30 PM

Topic Closed, and Moved to Myspace Resolved Topics. Please PM a moderator if you would like this reopened.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.