Help - Search - Members - Calendar
Full Version: Can't Change Width...
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
hyperchick
Dec 25 2004, 08:36 PM
Hello. I made a new layout for New Year's. (Click) I've got just about everything down but I can't change the width of the blog and it's getting me frustrated. Can someone please help?

This is what I have in my custom header:

CODE
<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">


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


I've been trying to change the width here but it doesn't do anything at all...
CODE
<!-- begin code provided by createblog.com -->
<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">
<!-- end code provided by createblog.com -->


Thanks to anyone that helps.
baller30
Dec 25 2004, 09:00 PM
i think that if you move the div to the bottom of the whole code it will be okay
do it like this:

CODE
<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">


<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">


<!-- end code provided by createblog.com -->
hyperchick
Dec 25 2004, 09:19 PM
Thanks for the reply. I tried moving the div to the bottom...but it didn't do a thing. lol.
baller30
Dec 25 2004, 09:28 PM
you know you don't have to put the style sheet in a div
maybe if you move the style sheet above the content that may fix it
ooo....
don't close your blog div
try that and reply
hyperchick
Dec 25 2004, 09:42 PM
Hmm...weird...I still can't change the width. lol. *shakes fist at blog* le sigh.

I haven't closed the blog div... and I moved the code around a bit...but still no cookie.

CODE
<!-- begin code provided by createblog.com -->
<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">

<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">
<!-- end code provided by createblog.com -->
baller30
Dec 25 2004, 10:24 PM
try it without the body tag
i'm just given suggestions now so you can try them if you want
i don't see anything wrong with your code though...
hyperchick
Dec 25 2004, 11:04 PM
I don't see the problem either. I think I'll have give up on my new layout...such a shame. Sigh. lol.
baller30
Dec 25 2004, 11:14 PM
well maybe it is because you have postion:static it should be overflow:none maybe that will fix it
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.