Help with the width of the left module Options

[raymondyhc]

http://www.xanga.com/Raymond_Latios
This is my xanga site, and as you can see, the "blogrings" module is much wider than all other left modules, how do I fix this problem?
Below is the code I'm using.
Oh Yeah, and when I move my curser to anylink, the word will suddenly becomes larger....how do I fix this problem?

CODE

<!-- start code provided by createblog.com -->
<script type='text/javascript'>
document.title = ('Proof of Existence');
</script>
<!-- end code provided by createblog.com -->
<FONT style="FONT-WEIGHT:5px; FONT-SIZE:35px; COLOR:ffffff; LINE-HEIGHT:30px; FONT-FAMILY:palatino; LETTER-SPACING: -2pt">I need a place that's hidden in the deep</head></font>
<br>
<FONT style="FONT-WEIGHT:5px; FONT-SIZE:35px; COLOR:ffffff; LINE-HEIGHT:30px; FONT-FAMILY:palatino; LETTER-SPACING: -2pt"> Where lonely angels sing you to your sleep</head></font>


<!-- start code provided by createblog.com -->
<style type="text/css">
/* http://createblog.com */
body {
  background-color: #000000;
  background-image: url(http://img409.imageshack.us/img409/8407/fireaww1.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  }
/* edits the date */
div.blogheader, .caption {
background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: monotype corsiva;
text-transform:none;
font-size:20px;
line-height:25px;
font-weight:normal;
color:#ffffff;
letter-spacing:2px;
background-color:transp;
text-align:center;
border:1px solid #ffffff;
width:350px;

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


input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ffffff;
font:normal 12px monotype corsiva;
background-color: transp;
font-color:#ffffff;
text-align:justify;
        }
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url();
  background-color:transp;
  color: #ffffff;
  font: bold 14pt monotype corsiva;
  text-transform: none;
  text-align:center;
border: #ffffff 1px solid;
;}

table.left {
/* this edits the menu module */
width:180px;
color:#ffffff;
background-color:transp;
BORDER: #ffffff 1px solid;
}

font,td,p,xmp{color:#ffffff;
font-face: monotype corsiva;
font-weight:normal;
font-size:9pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding-left: 0px;
  }
table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: monotype corsiva;
BORDER: #ffffff 1px solid;
width:350px;}

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 530px; }

a:link{line-height: 10pt; font-family: monotype corsiva;font-weight:normal; color:#ffffff; text-transform:none;font-size:10pt; cursor:crosshair;}
a:active{font-family: monotype corsiva; color:#ffffff; text-transform:none;font-size:10pt; cursor:crosshair;}
a:visited{font-family: monotype corsiva; color:#ffffff; text-transform:none;text-decoration:strikeout;font-size:10pt;cursor: crosshair;}
A:hover {font-family: monotype corsiva;color:#ffffff;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:10pt}</style>
<!-- end code provided by createblog.com -->


<!-- start code provided by createblog.com -->
<style type=text/css><!-- body{border-right:#000000 80px solid;border-left:#000000 80px solid;border-top:#000000 80px solid;border-bottom:#000000 80px solid} //--></style>
<!-- end code provided by createblog.com -->


<!-- start code provided by createblog.com -->
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { width: auto !important;}
</style>
<!-- end code provided by createblog.com -->

[talcumpowder]

... For the blogrings thing, that's just IE. I'm not entirely sure how to fix it, because IE is a pain to code for ... But the other problem is easy to fix. Change this section of text as you see fit:

CODE

A:hover {font-family: monotype corsiva;color:#ffffff;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:10pt}

Personally, I'd also clean your code a little, like here:

CODE

<FONT style="FONT-WEIGHT:5px; FONT-SIZE:35px; COLOR:ffffff; LINE-HEIGHT:30px; FONT-FAMILY:palatino; LETTER-SPACING: -2pt">I need a place that's hidden in the deep</head></font>
<br>
<FONT style="FONT-WEIGHT:5px; FONT-SIZE:35px; COLOR:ffffff; LINE-HEIGHT:30px; FONT-FAMILY:palatino; LETTER-SPACING: -2pt"> Where lonely angels sing you to your sleep</head></font>

You can really just simplify that down to this:

CODE

<FONT style="FONT-WEIGHT:5px; FONT-SIZE:35px; COLOR:ffffff; LINE-HEIGHT:30px; FONT-FAMILY:palatino; LETTER-SPACING: -2pt">I need a place that's hidden in the deep<br>Where lonely angels sing you to your sleep</head></font>

... But it's not really nessecary. It might help solve your blogrings problem though.

[heavenangel]

------------------------------------------------------------------
i was wondering if anyone can plz plz plz plz plz plz plz plz plz plz PLZ help me with my layout. i was wondering if any1 knew how to make the title of the left modules of my layout look like someone elses.
this is MY layout: http://www.xanga.com/xhxax3

this is HER layout: http://www.xanga.com/xlxl24

i was wondering how title part of the left modules on my layout, xhxax3, would look like the way xlxl24's left modules look. the title part anyway. like how do u use the filter code to make the title of the left modules look like xLxL24's layout? it's where it says "About me" and "Navigation"...please help help help help help help help help
--------------------------------------------------------------------

[raymondyhc]

I've tried my layout on maxthon as well, and the problem of a streched Blogring module remains. Is there really no way to code it?

[*digital.fragrance*]

------------------------------------------------------------------
i was wondering if anyone can plz plz plz plz plz plz plz plz plz plz PLZ help me with my layout. i was wondering if any1 knew how to make the title of the left modules of my layout look like someone elses.
this is MY layout: http://www.xanga.com/xhxax3

this is HER layout: http://www.xanga.com/xlxl24

i was wondering how title part of the left modules on my layout, xhxax3, would look like the way xlxl24's left modules look. the title part anyway. like how do u use the filter code to make the title of the left modules look like xLxL24's layout? it's where it says "About me" and "Navigation"...please help help help help help help help help
--------------------------------------------------------------------

Please make your own topic in the Help section.