Log In · Register

 
custom modules within div, they wont go to the left of my blog.
gogopwrrnger
post Feb 23 2007, 07:25 PM
Post #1


Like a rhinestone cowboy.
***

Group: Member
Posts: 70
Joined: Dec 2004
Member No: 72,431



my modules wont go to the left of my blog
help?

it has to be something simple im missing.
im sticking this in my header


CODE
<center>

<style type="text/css">
/* black & white by suntannd */
/* http://www.xanga.com/suntannd */
body {
background-color: #FFFFFF;
background-image: url(http://i15.tinypic.com/40psunk.png);
background-attachment: fixed;
background-position: bottom left;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #BBBBBB;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 10px verdana;
  line-height:10px;
  color:#000000;
  letter-spacing:0px;
  text-align:justify;
}
H4 {
/* edits subject text */
  font:normal 10px georgia;
  line-height:10px;
  color:#000000;
  letter-spacing:0px;
  text-align:justify;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
font-family: georgia;
color: #CCCCCC;
}
.blogbody u, .standard u, p u, u {
font-family: georgia;
font-weight: underline;
color: #CCCCCC;
border-bottom: 1px solid #000000;
}
table.footer TD {
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
  display: none;
  background-image: url();
  background-color: transparent;
  font-family: verdana;
  text-transform: lowercase;
  font-size:10px;
  line-height: 7px;
  font-weight:bold;
  color: #000000;
  letter-spacing:0px;
  text-align: right;
  BORDER-left: #000000 0px solid;
  BORDER-right: #000000 0px solid;
  BORDER-top: #000000 0px solid;
  BORDER-bottom: #000000 0px solid;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom right;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#CCCCCC;
  text-decoration: none;
  font:normal 10px georgia;
  line-height:10px;
  background-color: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #000000;
  text-decoration: none;
  font:normal 10px georgia;
  line-height:10px;
  background-color: transparent;
  }
a:hover {
/* edits when user mouseovers the links */
  color:#000000;
  text-decoration: bold;
  font:regular 10px georgia;
  line-height:10px;
  background-color: transparent;
  border: 0px solid #000000;
  }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #000000;
  font:normal 10px georgia;
  background-color: #CCCCCC;
  letter-spacing:0px;
  color: #000000;
  }
table.left {
/* this edits the menu module */
  BORDER-top: #000000 0px solid;
  BORDER-left: #000000 0px solid;
  BORDER-right: #000000 0px solid;
  BORDER-bottom: #000000 0px solid;
  background-color: transparent;
  width: 140px;
  }
table.blogbody {
/* Edits Blog Area */
  background-color: #FFFFFF;
  font:normal 10px verdana;
  line-height:10px;
  color: #000000;
  width: 280px;
  BORDER-left: #000000 1px solid;
  BORDER-right: #000000 1px solid;
  BORDER-bottom: #000000 1px solid;
  BORDER-top: #000000 1px solid;
  }
table.left th {
/* Edits title of menu module */
  display: none;
  background-image: url();
  background-color: transparent;
  font-family: verdana;
  text-transform: lowercase;
  font-size:10px;
  line-height: 7px;
  font-weight:bold;
  color: #000000;
  letter-spacing:0px;
  text-align: right;
  BORDER-left: #000000 0px solid;
  BORDER-right: #000000 0px solid;
  BORDER-top: #000000 0px solid;
  BORDER-bottom: #000000 0px solid;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: bottom right;
  }
table.left TD {
/* body of menu module*/
  font:normal 10px verdana;
  line-height:10px;
  color: #000000;
  background-image: url();
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
table.search TD, table.search, table.announcements {
/* Border of search bar */
  border: 0px solid #000000;

  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #000000;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 450px;
  }
hr {
/* horizontal divider */
  border: 1px dotted #000000;
  }
table.navigation, table.footer { display:none; }
.mainleft {display: none;}
</style>

<div align="center" style="background-color: #36b1d4;
background-image: url();
background-attachment: fixed;
background-position: bottom left; BORDER-left: #ffd4e0 2px solid;
  BORDER-right: #ffd4e0 2px solid;
  BORDER-bottom: #ffd4e0 2px solid;
  BORDER-top: #ffd4e0 2px solid; width: 500px; height: 500px; overflow: auto;">
<center>
<table border=0 width="120"><tr><td valign="top" width="120">
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<th class="left" vAlign="top" align="center">
<tr><td class="left" vAlign="top">
<center>
<DIV style="background-color: #ffffff; background-image: url(''); BORDER-RIGHT: 1px dotted #888888; padding:1px; BORDER-TOP: 1px dotted #888888; OVERFLOW: none; BORDER-LEFT: 1px dotted #888888; BORDER-BOTTOM: 1px dotted #888888; WIDTH: 115px;HEIGHT:150px;">
<FONT style="font: 17pt arial narrow; TEXT-TRANSFORM: lowercase; COLOR: #f17d98; letter-spacing: -3px;  line-height: 14pt;">
sunkissed
</FONT><br><br>
<img src='http://i17.tinypic.com/2iqb8dk.jpg'><br>
<FONT style="FONT-SIZE: 9px; COLOR: #888888; LINE-HEIGHT: 13px; FONT-FAMILY: georgia; LETTER-SPACING: 0px; FONT-WEIGHT: normal;">
kaesi <FONT style="FONT-SIZE: 6pt; TEXT-TRANSFORM: none; COLOR: #74cecd;  FONT-FAMILY: Symbol; LETTER-SPACING: -2pt">©</FONT> 18 <FONT style="FONT-SIZE: 6pt; TEXT-TRANSFORM: none; COLOR: #828d92;  FONT-FAMILY: Symbol; LETTER-SPACING: -2pt">©</FONT> idaho
</div>
<div style="overflow: auto; width:110; height:85">
loves abercrombie, mac, and marty.
</div>
<div style="overflow: auto; width:110; height:60">
<a href="http://www.xanga.com/" target="_self">XANGA</a><BR>
<a href="http://www.xanga.com/private/home.aspx?" target="_self">PRIVATE</a><BR>
<a href="http://www.xanga.com/private/SubscribeTo.aspx?user=calisuntanndbby" target="_new">SUBSCRIBE</a><BR>
<a href="/Private/profilebasic.aspx">PROFILE</a><BR>
<a href="http://edit.xanga.com/claf.aspx">CLAF</a><BR>
<a href="/Private/subs.aspx">SUBS</a><BR>
<a href="/Private/feedback.aspx">FEEDBACK</a><BR>
<a href="http://edit.xanga.com/blogrings.aspx">BLOGRINGS</a><BR>
<a href="http://www.xanga.com/signin.aspx" target="_self">EXIT</a><BR>
</div>

<br/>
</td>
</td>


MY XANGA
 
 
Start new topic
Replies
talcumpowder
post Feb 23 2007, 09:16 PM
Post #2


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010



... You're missing the end of the code. The whole thing goes somewhat like this:
CODE
<table border=0 width="500"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">TITLE HERE</th></tr>
<tr><td valign="top" class="module">
CONTENT HERE
</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">TITLE HERE</th></tr>
<tr><td valign="top" class="module">
CONTENT HERE
</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">TITLE HERE</th></tr>
<tr><td valign="top" class="module">
CONTENT HERE
</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">TITLE HERE</th></tr>
<tr><td valign="top" class="module">
CONTENT HERE
</td></tr></table><br>


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">TITLE HERE</th></tr>
<tr><td valign="top" class="module">
CONTENT HERE
</td></tr></table><br>
</td><td width="500" valign="top" align="left">
I suggest you just re-do yours, as they're a little messy and missing parts. But you need to put the following in webstats:
CODE
</td></tr></table>
[ http://www.xanga.com/rhythmsicle ]
(except prettier.)

edit// Right, well ... Topic Closed.
 

Posts in this topic
gogopwrrnger   custom modules within div   Feb 23 2007, 07:25 PM
digital.fragrance   Yep - add a div layer at the VERY END OF YOUR CODE...   Feb 23 2007, 07:40 PM
gogopwrrnger   QUOTE(digital.fragrance @ Feb 23 2007, 8...   Feb 23 2007, 08:57 PM
ai + you   ... You're missing the end of the code. The wh...   Feb 23 2007, 09:16 PM


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