My layout comes out too wide!!, None of the lyts work. Options

[xxlocknloadxx]

I have an icon site, and I just put a layout on my page.

<!-- begin code provided by createblog.com --><br /><script>document.title="text here";</script> <br /><br /><style type="text/css"><br />BODY {<br />background-color:#ffffff;<br />background-image: url(http://tinypic.com/jl3p5h.jpg);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: top left;<br />scrollbar-face-color: #ADEAEA;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #FFF;<br />scrollbar-3dlight-color: #78C0BF;<br />scrollbar-darkshadow-color: #78C0BF;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-arrow-color: #FFFFFF;<br />font-family: arial;<br />font-size:11pt;<br />font-color: #707070;<br />line-height:150%;<br />text-align: center;<br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 11px arial;<br />line-height:13px;<br />color: #707070;<br />letter-spacing:0px;<br />text-align:center;<br />}<br />b, strong {font-weight:bold; letter-spacing:1px;color: #00868B;}<br />u {font-weight:normal; letter-spacing: 0px; color: #ADEAEA; border-bottom: 1pt solid #78C0BF;}<br />em,i {font-weight:italize; letter-spacing: 0px; font-family: times new roman; color: #388E8E; FONT-SIZE: 13PX};<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 />div.blogheader, .caption {<br />/* edits the dates */<br />background-image: url(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: bottom right;<br />background-color: #FFFFFF;<br />font-family: georgia;<br />text-transform:normal;<br />font-size:24px;<br />line-height:32px;<br />font-weight: BOLD;<br />height: 1px;<br />color: #78C0BF;<br />letter-spacing: -3px;<br />text-align: center;<br />width:325px;<br />border-top: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />border-bottom: none;<br /><br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />border: 1px solid #ADEAEA;<br />color: #8FD8D8;<br />background-color: #FFF;<br />text-transform: uppercase;<br />font: normal 8px terminal;<br />line-height:13px;<br />letter-spacing: 0px;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />border: 1px solid #ADEAEA;<br />color: #8FD8D8; <br />background-color: #FFF;<br />text-transform: uppercase;<br />font: normal 8px terminal;<br />line-height:13px;<br />letter-spacing: 0px;<br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color: #00868B;<br />border: 1px solid #ADEAEA;<br />background-color: #FFF;<br />text-transform: uppercase;<br />text-decoration: none;<br />letter-spacing: 0px;<br />cursor: NE-RESIZE;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ADEAEA;<br />font:normal 7.8px terminal;<br />background-color: #ffffff;<br />color:#78C0BF;<br />}<br />table.left { <br />/* this edits the menu module */<br />background-color: #ffffff;<br />background-image: url();<br />font-weight: normal;<br />color: #8B4726;<br />text-align: right;<br />width:160px;<br /><br /><br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />background-image: url(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: top left;<br />background-color: #ffffff;<br />border-top: none;<br />border-bottom: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />width:325px;<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://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: bottom right;<br />background-color: #FFFFFF;<br />font: 16px times new roman;<br />FONT-WEIGHT: normal;<br />text-transform: normal;<br />background-color: #FFFFFF;<br />text-align: center;<br />letter-spacing: -3px;<br />line-height: 17px;<br />color: #000;<br />border-top: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-bottom: none;<br /><br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: top left;<br />background-color: #ffffff;<br />border-top: none;<br />border-bottom: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />font: arial;<br />color: #707070;<br />text-align: center;<br />border-top: none;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: FFFFFF; <br />border: 1px solid #78C0BF;<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 #ADEAEA;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 325px;<br />}<br />hr {<br />/* horizontal divider */<br />border: 1px solid #ffffff;<br />}<br />table.footer {display: none;}</style><br /><BODY style="border-bottom: #ADEAEA<br />8t solid; border-top: #ADEAEA<br />8t solid; border-left: #ADEAEA<br />8t solid; border-right: #ADEAEA<br />8t solid"></TBODY><br /></style><br /><!-- begin code provided by createblog.com --><br /><div align="center"><br /><a href="http://www.xanga.com/signin.aspx"> <b>[</b>Welcome<b>]</b></a><br /><br /><a href="http://www.xanga.com/private"><b>[</b>Yours<b>]</b></a> <br /><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"><b>[</b>Add Me<b>]</b></a> <br /><a href="http://www.xanga.com/Private/subs.aspx"><b>[</b>Subs<b>]</b></a> <br /><br /><a href="http://www.xanga.com/CLAF"><b>[</b>Look&Feel<b>]</b></a> <br /> <br /><a href="http://www.xanga.com/all4_yooh"><b>[</b>Credit<b>]</b></a><br /><a <br />href="http://www.xanga.com/logout.aspx"> <b>[</b>Bounce<b>]</b></a> <a<br /> </CENTER><br /><!-- end code provided by createblog.com --><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><!-- end code provided by createblog.com -->

And after I put it on, my page was really wide. So I put a few others on there, and all of them had the same result..I tried to adjust the width of the blog, but I don't really have experience with layout codes..Can someone please help me?

[Mulder]

a link would be nice?

i looked very quickly, but maybe you should change the width here?

CODE

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

[*incoherent*]

i remember when my friend used to put icons on her site. shed just randomly put in the codes and instead of breaking off when the page ends and going to the next line, its just kept going stretching her page.

insert a <br> after 4-5 icons and see if that helps.