scrollbar in the boxes.. Options

[thats hott;]

i found this xanga skin..but i need to put scroll bars inside each of the boxes...liek the about me box..and the nav. box and all them because once i type all my stuff in..its super longg and so my entries all all the way at the end. if that makes since..so i need to the code to put a scroll bar in each of the boxes on the sides..

http://www.createblog.com/forums/index.php...ing+back+sunday

thats the skin..

[talcumpowder]

.... Put this before all the stuff.

CODE

<div style="overflow:auto; width: 200; height:200;">

Change the numbers as you see fit. Now put this after all the stuff.

CODE

</div>

Mind you that by stuff I mean the section you want the scrollbars to start and end on.

[thats hott;]

yay that worked..but now i have antoehr problem...when i put the scrollbars and stuff in..then i type..it like pushes my entries down....

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><div align="left"><div style="position:static; margin-left:-10px;margin-top: -18px;border: 0px solid #000000;"><br /><img src="http://images.cbstaff.com/xanga/02/skin514_image.jpg" alt=""></div><br /><br /><div style="position:static; margin-left:496px;margin-top:-365px;border: 0px solid #000000; width: 153px; height: -1000px;font-family: Verdana; font-size: 10px;background: none;"><br /><p class="navhead">Profile</p><br /><b>Name:</b> <br><br /><b>Age:</b> <br><br />Whatever else you want<br /><p class="navhead">Custom Module</p><br />Yours<br /><br /><p class="navhead">Controls</p><br /><a href="http://www.xanga.com/YOUR XANGA HERE">Refresh</a><br><br /><a href="http://www.xanga.com/private/home.aspx">Private</a><br><br /><a href="http://www.xanga.com/CLAF/default.asp">CLAF</a><br><br /><a href="http://www.xanga.com/signin.aspx">Log in</a><br><br /><a href="http://www.xanga.com/logout.aspx">Log out</a><br><br /><br /><p class="navhead">Custom</p><br />Yours<br /><br /><p class="navhead">Credit</p><br />This layout was created by <a href="http://www.allthesame.org/rainbowdementia/">DesperateXMeasures</a> for Createblog.com<br /><br /><br /></font></div> <br /><br /><div style="position:static; margin-left:-15px;margin-top: -60px;border: 0px solid #000000; width: 490px; height: 100%;background: none;overflow: visible;"><br /><style type="text/css"><br />body {<br />background-color: #070809; <br />background-image: url("http://images.cbstaff.com/xanga/02/skin514_bg.jpg"); <br />background-repeat:repeat-y; <br />background-position: top left;<br />scrollbar-arrow-color: #070809;<br />scrollbar-track-color: #070809;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #4b5b6b;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-3dlight-color: #FFFFFF; <br />}<br /><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page I suggest miking it the same width as the blogbody*/<br />{width:485px;<br />}<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 10px Verdana;<br />line-height:12px;<br />color: #353D47;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family:Verdana;<br />text-transform:Justify;<br />font-size:20px;<br />line-height:22px;<br />font-weight:normal;<br />color: #697F95;<br />letter-spacing:0px;<br />background-color: transparent;<br />text-align: center;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits #000000;<br />text-decoration: none;<br />}<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color: #000000; <br />text-decoration: none;<br />}<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#FFFFFF;<br />cursor: crosshair;<br />text-decoration: none;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 11px arial;<br />background-color: #070809;<br />letter-spacing:0px;<br />color: #FFFFFF;<br />}<br /><br />table.left { <br />/* this edits the menu module */<br />border: 1px solid #000000;<br />width:0px;<br /> background-color: #FFFFFF;<br />}<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />border: 0px solid c0c0c0;<br />background-color: transparent;<br />width:485px;<br />}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url(http://url.com/to/the/site/image.gif);<br />background-color: #FCEBFF;<br />font: bold 11px arial;<br />text-transform: uppercase;<br />color: #C991AE;<br />border: none;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url(http://url.com/to/the/site/image.gif);<br />background-color: #FFFFFF;<br />border: none;<br />}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br /><br />{display: none;} <br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: #FCEBFF; <br />border: 1px solid #c0c0c0;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #c0c0c0;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 0px;<br />}<br />hr {<br />/* horizontal divider */<br />border: 1px solid #000000;<br />}<br />.navhead {<br />background-color: transparent;<br />font:bold 12px Verdana;<br />color: #000000;<br />line-height: 15px;<br />text-transform:Justify;<br />letter-spacing: 3px; <br />text-align: center;<br />border: 2px solid #4b5b6b;<br />border-left-width:0px;<br />border-right-width:0px;<br />border-top-width: 0px;<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

thats the code im using....

[lil_cheer_chick]

click on the box and then scroll.

that should work, i think dont ask me i'm new here

[iZnEedSuMcOkE]

^ don't double post.

you have another div in your code before the stylesheet that's what you use for your entries just change the "margin-top" value

[thats hott;]

thank you

[Teesa]

If you need this re-opened, please PM me!

Topic Closed.