skin help, Stupid left module thingy Options

[Shanthi]

Hey ppl.

I've been trying to fix my left module ( the little box with my pic in it) And for some reason it's not getting any smaller.

someone told me to fix this

CODE

<!-- begin code provided by createblog.com -->

table.left {
/* this edits the menu module */
border: 1px solid #C26766;
width:145px;
background-color: #000000;
}

<!-- end code provided by createblog.com -->

by changing the width, and it's not doing anything!


please can anyone tell me what's wrong?

if anyone can see anything else, here's the script im using

CODE

<!-- begin code provided by createblog.com -->
<center>
<div style="border: 1px solid #C26766; width: 500px;">
<img src="http://blogring/images/themes/tropicalpalm.jpg">

<style type="text/css">
/* tropical palm by kissxandxfall @ xanga . com */
/*http://blogring*/
body {
background-color: #000000;
scrollbar-arrow-color: #C26766;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #C26766;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #C26766;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:666666;
letter-spacing:0px;
text-align:justify;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
 font-weight: bold;
 color: #BDC3AC;
}

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:lowercase;
font-size:16px;
line-height:10px;
font-weight:bold;
color:#C26766;
letter-spacing:1px;
background-color: #000000;
text-align: RIGHT;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#9B3B3D;
font:normal 11px arial;line-height:10px;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#9B3B3D;
font:normal 11px arial;
line-height:10px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#C26766;
font:normal 11px arial;
line-height:10px;
cursor: ne-resize;
text-decoration: none;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #D26C17;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
color: #666;
}

table.left {
/* this edits the menu module */
border: 1px solid #C26766;
width:100px;
 background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid D26C17;
background-color: #000000;
width: 100%;
}

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: #000000;
font: bold 11px arial;
text-transform: lowercase;
color: #C26766;
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: #000000;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 1px solid #D26C17;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #D26C17;
}
table.navigation, table.main, table.footer, td.maincenter {
/* the width of your blog with modules */
width: 100%;
}
hr {
/* horizontal divider */
border: 1px solid #D26C17;
}
table.blogbody tr td {
/* this edits the left margin of blog */
 width:0px;
 padding: 0px;
 }


</style>








<center>
<SPAN style="FONT-SIZE: 8pt; COLOR: pink; mso-bidi-font-size: 12.0pt">
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%">
<font face=Webdings size="3">3</font></MARQUEE>
<MARQUEE scrollAmount=1 direction=left width="3%"><font size="2"> | | |</font></MARQUEE>Here's the thing, theres moments in your life that make you. Sometimes they're little subtle moments, sometimes they're not. The bottom line is,  even if you see them coming, you're not ready for the big moments...no one asked for their life to change, not really, but it does. So what are we truly? Helpless? Puppets? No. The big moments are going to come, you can't help that, it's what you do afterwards that counts. Thats when you find out who you truly are.</FONT></B><FONT color=#000000 size="2"><MARQUEE scrollAmount=1 direction=right width="3%"> | | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings size="3">3</font></MARQUEE></SPAN>
<center>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

[chu3guo2]

strange, it should be working
maybe try making the width even smaller or maybe try shrinking main or making blogbody wider

[Shanthi]

how do i shrink the main blog body?

[C.Lime.Jello.]

CODE

<!-- begin code provided by createblog.com -->

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid D26C17;
background-color: #000000;
width: 100%;
}

<!-- end code provided by createblog.com -->

Change the width property.

[Shanthi]

it's still not working = - (

[C.Lime.Jello.]

Don't use a percentage use pixels.
EX :: 400px
(Percentages mess up some peoples comps.)