Help please - Forums

Help please, divs on custom modules

Options

jacksparrowsgirl...

Jul 30 2004, 05:20 PM

Post #1

layout whore

Group: Member
Posts: 1,031
Joined: Apr 2004
Member No: 14,756

ok i have a new problem now. When i tried putting divs on my custom modules, it just went inside the div for my blog area but i want them to be seperated u know with seperate scrollbars so that they fit in the areas that i made them to fit in on the image map. Here is the code I am using and a link to the xanga i am working on.

CODEBOX: -> right click -> copy/paste

<STYLE> /* top bar remover - xanga.com/add_ons */ table.navigation {display: none;};</STYLE>   <img name="xanga" src="http://img61.photobucket.com/albums/v187/jacksparrowsgirl003/4323.jpg" width="713" height="700" border="0" usemap="#m_xanga" alt=""> <map name="m_xanga"> <area shape="rect" coords="90,490,144,483" href="http://www.xanga.com" title="" alt="Original site" > <area shape="rect" coords="358,490,407,483" href="http://www.xanga.com/guestbook.asp?user=prettypinkpineapple03" title="" alt="Leave me a message!" > <area shape="rect" coords="179,490,221,483" href="http://www.xanga.com/claf/default.asp" title="" alt="Design" > <area shape="rect" coords="256,490,319,483" href="http://www.xanga.com/private/subscribeto.aspx?user=prettypinkpineapple03" title="" alt="Subscribe!" > <area shape="rect" coords="445,492,497,483" href="http://www.xanga.com/signin.aspx" title="" alt="Hello" > <area shape="rect" coords="536,491,595,484" href="http://www.xanga.com/logout.aspx" title="" alt="Bye Bye" > </map> <DIV style="margin-top: -200px; margin-left: 200px; BORDER-RIGHT: none; BORDER-TOP: none; FILTER: alpha(style=0 opacity=100); OVERFLOW: auto; BORDER-LEFT: none; BORDER-BOTTOM: none; WIDTH: 500px; HEIGHT: 190px; BACKGROUND-COLOR: #ffffff"; z-index: 2> <style type="text/css"> body { background-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; cursor: crosshair; } //blogringdocument.write .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font: 14px georgia; line-height:12px; color: #000000; letter-spacing:0px; text-align:justify; background-color: #ffffff; filter: alpha(opacity=100) } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family: Arial; text-transform:uppercase; font-size:14px; line-height:10px; font-weight:bold; color:#000000; letter-spacing:1px; background-color: #ffffff; text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#000000; font:normal 11px arial;line-height:10px; text-decoration: none; } //blogring.document.write a:visited, a.footernav:visited,  { /* edits the links that the user has visited */ color:#000000; font:normal 11px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; font:normal 11px arial; line-height:10px; cursor: crosshair; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: none; font:normal 11px arial; background-color: transparent; letter-spacing:0px; } table.left { /* this edits the menu module */ border: none; width:160px; background-color: transparent; } table.blogbody { /* this edits the other the place where the  blog is */ background-color: #ffffff; filter: alpha(opacity=100) width:490px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://url.com/to/the/site/image.gif); background-color: transparent; font: bold 11px arial; text-transform: uppercase; color: #000000; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(http://url.com/to/the/site/image.gif); background-color: #FFFFFF; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: none; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #c0c0c0; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 490px; } hr { /* horizontal divider */ border: 1px solid #ffffff; } </style> </style></div>  <DIV style="margin-top: -200px; margin-left: 0px; BORDER-RIGHT: none; BORDER-TOP: none; FILTER: alpha(style=0 opacity=100); OVERFLOW: auto; BORDER-LEFT: none; BORDER-BOTTOM: none; WIDTH: 150px; HEIGHT: 190px; BACKGROUND-COLOR: #ffffff"; z-index: 1> <style type=text/css> /* remove regular modules */ texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none} table.blogbody tr td {width:0px; padding: 0px;} /* edit to your liking */ table.module { border: none; width:160px; background-color:ffffff; } table.module th { background-color: #ffffff;font: bold 11px arial; text-transform: uppercase;color: #000000; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; text-align: center; } table.module td {color: #000000; text-align: center; border: none; background-image: none; } </style>  <table border=0 width="660"><tr><td valign="top" width="160"> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module">About Me</th></tr><tr><td valign="top" class="module"> <center><img src="http://p.xanga.com/jacksparrowsgirl03/profile.jpg"></center> name: Nikki gender: Female hobbies: under construction </td></tr></table> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module">Subscriptions</th></tr><tr><td valign="top" class="module">  <a href="http://www.xanga.com/lancerchic">Danielle</a> <a href="http://www.xanga.com/hollisterbtrfly21">Michelle</a> </td></tr></table> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module">Bloggies</th></tr><tr><td valign="top" class="module">  <a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a> </td></tr></table>  <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module">NAVIGATION</th></tr><tr><td valign="top" class="module"> La la la =] </td></tr></table> </td><td width="500"></div>  <script language="JavaScript"> document.title = "°._________*//Mandy Moore v 2.0\\*_________.°"</script></STYLE>

XANGA

[Up]

[Quote]

Replies

whomps View Profile View Subprofile	Jul 30 2004, 05:26 PM Post #2
:hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700	You have the separate the DIV's.. Like you have to have <DIV></DIV> <DIV></DIV> You probably didn't close the first div.. so that's how you got your second div INSIDE the first. Yeah.. I hope that made sense.
[Up]	[Quote]

Posts in this topic

jacksparrowsgirl03 Help please Jul 30 2004, 05:20 PM

x_angawhomps You have the separate the DIV's.. Like you hav... Jul 30 2004, 05:26 PM

jacksparrowsgirl03 umm, i closed both divs, if u look at my script u ... Jul 30 2004, 06:15 PM

« Next Oldest · Xanga Resolved Topics · Next Newest »

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members: