Probs, Me again..... Options

[OneOfTheseDayz]

ok I have 3 probs

1 My backrounds overflow wont hide.

2 The blog isn't centering

3 When I try to make it so only a y overflow in the blog is supposed to work the x part of the post cuts off..... ( thats why it says scrolling)

please help ( and please don't say somthing like " change the scroll overflow to hidden" it dosn't work)

CODE

<!-- begin code provided by createblog.com -->
<div id="Menu" style="position:static; margin-left: -15px; margin-top: -130px; overflow: hidden; ">
<MAP NAME='imgmap'>
<AREA SHAPE=poly COORDS='224,244,223,269,325,269,335,243' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE=poly COORDS='338,244,326,269,444,269,456,244' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE=poly COORDS='456,244,445,269,565,269,575,244' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'>
<AREA SHAPE=poly COORDS='576,245,566,268,686,269,696,244' HREF='http://www.xanga.com/Private/subs.aspx' ALT='My Subs'>
<AREA SHAPE=poly COORDS='697,245,686,268,803,269,802,243' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
<AREA SHAPE=rect COORDS='223,130,802,243' HREF='xanga.com/yourusernamehere' ALT='Refresh'>
</MAP>

<IMG
SRC='http://img68.imageshack.us/img68/3664/layotu4me1db.png'
border=0 width=1024 height=768 USEMAP='#imgmap'>


<div id="Menu" style="position:static; margin-left: 380px; margin-top: -457px; border: 0px solid #ffffff; width: 184px; height: 352px; background: transp; overflow: none;">
<P class="navhead"><center><b>About Me</center></b></P>
<p><b>Name:</b> unknown.
<br><b>Hobbies:</b> bulding cars
<br><b>Origin:</b> From Somewhere.<BR>
<b>Birthday:</b> The date I was born.<BR>
<b>Gender:</b> You decide.
<br>
</p>
<p class="navhead"><center><b>Everything Else</b></center></p>
<p><p><table width=100%>
Blah blah blah blah blah

<br>
</td>
</tr>
</table></p>

<p class="navhead"><center><b>Credits</b></center></p>
<p>Made By <a href="http://www.xanga.com/drilotedahl">DA</a>.
<br>
Made With Paint Shop Pro X
<br>
</div>

<div id="Blog" style="position:static; margin-left: -190px; margin-top: -343px; border: 0px solid #ffffff; height: 354; width: 343px; overflow: scroll;">


<style type="text/css">
/*--This Layout is made by drilotedahl--*/
/*--You steal you DIE--*/
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left,
td.mainleft, table.left TH, table.left
TD, table.navigation, table.footer, table.search, table.search TD, #SearchBar1_pnlYouAreHere
{display: none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;
}
body {
margin-left:12px;
margin-right:0px;
margin-top:0px;
background: url();
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #e5e5e5;
scrollbar-face-color: #e5e5e5;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #e5e5e5;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-3dlight-color: #e5e5e5;
}

.navi {
color: #666666;
text-align: center;
font-family: verdana;
font-size: 11px;
}

.content {
background-color: #e5e5e5;
color: #000000;
font-size: 10px;
font-family: Verdana;
}

a:link {
color: #666666;
text-decoration: none;
}

a:hover {
color: #e5e5e5;
text-decoration: none;
}

a:active {
color: #ffffff;
text-decoration: none;
}

a:visited {
color: #666666;
text-decoration: none;
}
table.blogbody div.smalltext {
text-align: center;
margin-bottom: 15px;
border:0px solid;
}
.blogbody b, .standard b, p b, strong {
color:#9f190e;
}
.blogbody i, .standard i, p i, em {
color:#9f190e;
}
.blogbody u, .standard u, p u, u {
color:#9f190e;
border-bottom: 1px solid #721313;
}
.blogbody s, .standard s, p s, s {
color:#9f190e;
}
.blogbody td{
/* edits spacing of blogbody */
width: 0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
input, select, textarea, .textfield, .button {
font:8pt arial;
color: #FFFFFF;
background-color: #transp;
}
table.search TD, table.search, table.announcements {
background-color: transparent;
border: none;
}
table.navigation{
/* the width of your blog with modules */
width: 100%;
border: none;
}
table.blogbody {
background-color: transp;
width:100%;
}
hr {
color: #000000;
width: 343px;
display: yes;
}
table.header, table.main, table.footer,{
/* edit width */
width: 343px;
}
table.blogbody, div.blogheader, .caption{
width: 343px;
}
td.maincenter {
text-align:center;
}
</style>
<http-equiv="imagetoolbar" content="no">

<html>

<script type='text/javascript'>
document.title = ('Blue.Convoy');
</script>
<style type="text/css">
hr {display:none;}
</style>
<script>window.status=" Blue.Convoy by Drilotedahl Creations";</script>
<!-- end code provided by createblog.com -->

Preview

[talcumpowder]

CODE

table.blogbody {
background-color: transp;
width:100%;
}

Make the width a fixed-pixel value (~ 330px). Should solve both problems. Oh, and I don't understand why you can't make a background that looks similar to your gray boxes, make it repeatable, and use that as your background. It's a lot easier like that...

[OneOfTheseDayz]

didn't work......

CODE

<!-- begin code provided by createblog.com -->
<div id="Menu" style="position:static; margin-left: -15px; margin-top: -130px; overflow: hidden; ">
<MAP NAME='imgmap'>
<AREA SHAPE=poly COORDS='224,244,223,269,325,269,335,243' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE=poly COORDS='338,244,326,269,444,269,456,244' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE=poly COORDS='456,244,445,269,565,269,575,244' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'>
<AREA SHAPE=poly COORDS='576,245,566,268,686,269,696,244' HREF='http://www.xanga.com/Private/subs.aspx' ALT='My Subs'>
<AREA SHAPE=poly COORDS='697,245,686,268,803,269,802,243' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
<AREA SHAPE=rect COORDS='223,130,802,243' HREF='xanga.com/yourusernamehere' ALT='Refresh'>
</MAP>

<IMG
SRC='http://img68.imageshack.us/img68/3664/layotu4me1db.png'
border=0 width=1024 height=768 USEMAP='#imgmap'>


<div id="Menu" style="position:static; margin-left: 380px; margin-top: -457px; border: 0px solid #ffffff; width: 184px; height: 352px; background: transp; overflow: none;">
<P class="navhead"><center><b>About Me</center></b></P>
<p><b>Name:</b> unknown.
<br><b>Hobbies:</b> bulding cars
<br><b>Origin:</b> From Somewhere.<BR>
<b>Birthday:</b> The date I was born.<BR>
<b>Gender:</b> You decide.
<br>
</p>
<p class="navhead"><center><b>Everything Else</b></center></p>
<p><p><table width=100%>
Blah blah blah blah blah

<br>
</td>
</tr>
</table></p>

<p class="navhead"><center><b>Credits</b></center></p>
<p>Made By <a href="http://www.xanga.com/drilotedahl">DA</a>.
<br>
Made With Paint Shop Pro X
<br>
</div>

<div id="Blog" style="position:static; margin-left: -190px; margin-top: -343px; border: 0px solid #ffffff; height: 354; width: 343px; overflow: scroll;">


<style type="text/css">
/*--This Layout is made by drilotedahl--*/
/*--You steal you DIE--*/
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left,
td.mainleft, table.left TH, table.left
TD, table.navigation, table.footer, table.search, table.search TD, #SearchBar1_pnlYouAreHere
{display: none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;
}
body {
margin-left:12px;
margin-right:0px;
margin-top:0px;
background: url();
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #e5e5e5;
scrollbar-face-color: #e5e5e5;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #e5e5e5;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-3dlight-color: #e5e5e5;
}

.navi {
color: #666666;
text-align: center;
font-family: verdana;
font-size: 11px;
}

.content {
background-color: #e5e5e5;
color: #000000;
font-size: 10px;
font-family: Verdana;
}

a:link {
color: #666666;
text-decoration: none;
}

a:hover {
color: #e5e5e5;
text-decoration: none;
}

a:active {
color: #ffffff;
text-decoration: none;
}

a:visited {
color: #666666;
text-decoration: none;
}
table.blogbody div.smalltext {
text-align: center;
margin-bottom: 15px;
border:0px solid;
}
.blogbody b, .standard b, p b, strong {
color:#9f190e;
}
.blogbody i, .standard i, p i, em {
color:#9f190e;
}
.blogbody u, .standard u, p u, u {
color:#9f190e;
border-bottom: 1px solid #721313;
}
.blogbody s, .standard s, p s, s {
color:#9f190e;
}
.blogbody td{
/* edits spacing of blogbody */
width: 0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
input, select, textarea, .textfield, .button {
font:8pt arial;
color: #FFFFFF;
background-color: #transp;
}
table.search TD, table.search, table.announcements {
background-color: transparent;
border: none;
}
table.navigation{
/* the width of your blog with modules */
width: 100%;
border: none;
}
table.blogbody {
background-color: transp;
width:300px;
}
hr {
color: #000000;
width: 343px;
display: yes;
}
table.header, table.main, table.footer,{
/* edit width */
width: 343px;
}
table.blogbody, div.blogheader, .caption{
width: 343px;
}
td.maincenter {
text-align:center;
}
</style>
<http-equiv="imagetoolbar" content="no">

<html>

<script type='text/javascript'>
document.title = ('Blue.Convoy');
</script>
<style type="text/css">
hr {display:none;}
</style>
<script>window.status=" Blue.Convoy by Drilotedahl Creations";</script>
<!-- end code provided by createblog.com -->

I made the backound the way I did because I made it the way I did I just need it fixed.

[talcumpowder]

Make it bigger then. Or center it. Centering it should minimize the white space left over. No need to get snitty about it.
Oh. &make sure your page width setting is 100%, your date bars also have a similar pixel width (as your blog that is) and if you defined the div.smalltext property, that needs to be the same width as well.

[OneOfTheseDayz]

Sorry if I was being snotty........
It still isn't working...... I have tried every thing....
I have also tried to look at this layout http://www.createblog.com/layouts/preview.php?id=9289
because they have what I want but I don'ty know what the code is doing differently......

[talcumpowder]

Theirs is solid colour with the image (if you were talking about the background). This is the actual image. Uh... And this is a lot closer to what you wanted. You can fiddle a little with it.

CODE

hr {
color: #000000;
width: 310px;
display: yes;
}
table.header, table.main, table.footer,{
/* edit width */
width: 310px;
}
table.blogbody, div.blogheader, .caption{
width: 310px;
}
td.maincenter {
text-align:center;
}
hr {display:none;}

Yeah.

[OneOfTheseDayz]

Ugh..... ok still not working....... I think there is a code to make the inside of the blog smaller that I am missing any ideas?????

CODE

<!-- begin code provided by createblog.com -->
<div id="Menu" style="position:static; margin-left: -15px; margin-top: -130px; overflow: hidden;">
<MAP NAME='imgmap'>
<AREA SHAPE=poly COORDS='224,244,223,269,325,269,335,243' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE=poly COORDS='338,244,326,269,444,269,456,244' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE=poly COORDS='456,244,445,269,565,269,575,244' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'>
<AREA SHAPE=poly COORDS='576,245,566,268,686,269,696,244' HREF='http://www.xanga.com/Private/subs.aspx' ALT='My Subs'>
<AREA SHAPE=poly COORDS='697,245,686,268,803,269,802,243' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
<AREA SHAPE=rect COORDS='223,130,802,243' HREF='xanga.com/yourusernamehere' ALT='Refresh'>
</MAP>

<IMG
SRC='http://img68.imageshack.us/img68/3664/layotu4me1db.png'
border=0 width=1024 height=768 USEMAP='#imgmap'>


<div id="Menu" style="position:static; margin-left: 380px; margin-top: -457px; border: 0px solid #ffffff; width: 184px; height: 352px; background: transp; overflow: none;">
<P class="navhead"><center><b>About Me</center></b></P>
<p><b>Name:</b> unknown.
<br><b>Hobbies:</b> bulding cars
<br><b>Origin:</b> From Somewhere.<BR>
<b>Birthday:</b> The date I was born.<BR>
<b>Gender:</b> You decide.
<br>
</p>
<p class="navhead"><center><b>Everything Else</b></center></p>
<p><p><table width=100%>
Blah blah blah blah blah

<br>
</td>
</tr>
</table></p>

<p class="navhead"><center><b>Credits</b></center></p>
<p>Made By <a href="http://www.xanga.com/drilotedahl">DA</a>.
<br>
Made With Paint Shop Pro X
<br>
</div>

<div id="Blog" style="position:static; margin-left: -190px; margin-top: -343px; border: 0px solid #ffffff; height: 345; width: 343px; overflow: auto;">


<style type="text/css">
/*--This Layout is made by drilotedahl--*/
/*--You steal you DIE--*/
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left,
td.mainleft, table.left TH, table.left
TD, table.navigation, table.footer, table.search, table.search TD, #SearchBar1_pnlYouAreHere
{display: none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important
}
body {
margin-left:12px;
margin-right:0px;
margin-top:0px;
background: url();
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #e5e5e5;
scrollbar-face-color: #e5e5e5;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #e5e5e5;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-3dlight-color: #e5e5e5;
overflow-x: hidden;
}

.navi {
color: #666666;
text-align: center;
font-family: verdana;
font-size: 11px;
}

.content {
background-color: #e5e5e5;
color: #000000;
font-size: 10px;
font-family: Verdana;
}

a:link {
color: #666666;
text-decoration: none;
}

a:hover {
color: #e5e5e5;
text-decoration: none;
}

a:active {
color: #ffffff;
text-decoration: none;
}

a:visited {
color: #666666;
text-decoration: none;
}
table.blogbody div.smalltext {
text-align: Justify;
margin-bottom: 15px;
border:0px solid;
}
.blogbody b, .standard b, p b, strong {
color:#9f190e;
}
.blogbody i, .standard i, p i, em {
color:#9f190e;
}
.blogbody u, .standard u, p u, u {
color:#9f190e;
border-bottom: 1px solid #721313;
}
.blogbody s, .standard s, p s, s {
color:#9f190e;
}
.blogbody td{
/* edits spacing of blogbody */
width: 343px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
input, select, textarea, .textfield, .button {
font:8pt arial;
color: #FFFFFF;
background-color: #transp;
}
table.search TD, table.search, table.announcements {
background-color: transparent;
border: none;
}
table.navigation{
/* the width of your blog with modules */
width: 343px;
border: none;
}
table.blogbody {
background-color: transp;
width: 343px;
}
hr {
color: #000000;
width: 310px;
display: yes;
}
table.header, table.main, table.footer,{
/* edit width */
width: 310px;
}
table.blogbody, div.blogheader, .caption{
width: 310px;
}
td.maincenter {
text-align:center;
}
hr {display:none;}
</style>
<http-equiv="imagetoolbar" content="no">

<html>

<script type='text/javascript'>
document.title = ('Blue.Convoy');
</script>
<style type="text/css">
hr {display:none;}
</style>
<script>window.status=" Blue.Convoy by Drilotedahl Creations";</script>
<!-- end code provided by createblog.com -->

[talcumpowder]

x.X Your code was so... >.<" So I fixed it and, by complete accident, solved your problem. About the scrollbar anyways.

CODE

<div id="Menu" style="position:static; margin-left: -15px; margin-top: -130px; overflow: hidden;">
<MAP NAME='imgmap'>
<AREA SHAPE=poly COORDS='224,244,223,269,325,269,335,243' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE=poly COORDS='338,244,326,269,444,269,456,244' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE=poly COORDS='456,244,445,269,565,269,575,244' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'>
<AREA SHAPE=poly COORDS='576,245,566,268,686,269,696,244' HREF='http://www.xanga.com/Private/subs.aspx' ALT='My Subs'>
<AREA SHAPE=poly COORDS='697,245,686,268,803,269,802,243' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
<AREA SHAPE=rect COORDS='223,130,802,243' HREF='xanga.com/yourusernamehere' ALT='Refresh'>
</MAP>

<IMG SRC='http://img68.imageshack.us/img68/3664/layotu4me1db.png' border=0 width=1024 height=768 USEMAP='#imgmap'>


<div id="Menu" style="position:static; margin-left: 380px; margin-top: -457px; border: 0px solid #ffffff; width: 184px; height: 352px; background: transp; overflow: none;">
<P class="navhead"><center><b>About Me</center></b></P>
<p><b>Name:</b> unknown.
<br><b>Hobbies:</b> bulding cars
<br><b>Origin:</b> From Somewhere.<BR>
<b>Birthday:</b> The date I was born.<BR>
<b>Gender:</b> You decide.
<br>
</p>
<p class="navhead"><center><b>Everything Else</b></center></p>
<p><p><table width=100%>
Blah blah blah blah blah

<br>
</td>
</tr>
</table></p>

<p class="navhead"><center><b>Credits</b></center></p>
<p>Made By <a href="http://www.xanga.com/drilotedahl">DA</a>.
<br>
Made With Paint Shop Pro X
<br>
</div>

<style type="text/css">
/*--This Layout is made by drilotedahl--*/
/*--You steal you DIE--*/
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, td.mainleft, table.left TH, table.left TD, table.navigation, table.footer, table.search, table.search TD, #SearchBar1_pnlYouAreHere{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important}
body {
/* scrollbar colours */
scrollbar-arrow-color: #000000;scrollbar-track-color: #e5e5e5;scrollbar-face-color: #e5e5e5;scrollbar-shadow-color: #e5e5e5;scrollbar-highlight-color: #e5e5e5;scrollbar-darkshadow-color: #e5e5e5;scrollbar-3dlight-color: #e5e5e5;}
/* modules style */
.navi {color: #666666;text-align: center;font-family: verdana;font-size: 11px;}
.content {background-color: #e5e5e5;color: #000000;font-size: 10px;font-family: Verdana;}
/* link styles */
a:link {color: #666666;text-decoration: none;}
a:hover {color: #e5e5e5;text-decoration: none;}
a:active {color: #ffffff;text-decoration: none;}
a:visited {color: #666666;text-decoration: none;}
/* styles for b, s, u, i */
.blogbody b, .standard b, p b, strong {color:#9f190e;}
.blogbody i, .standard i, p i, em {color:#9f190e;}
.blogbody u, .standard u, p u, u {color:#9f190e;border-bottom: 1px solid #721313;}
.blogbody s, .standard s, p s, s {color:#9f190e;}
/* edits spacing of blogbody */
.blogbody td{width: 343px;padding-left:0px;padding-right:0px;padding-top:0px;}
/* style of the buttons and stuff */
input, select, textarea, .textfield, .button {font:8pt arial;color: #FFFFFF;background-color: #transp;}
/* hr styles */
hr {color: #000000;width: 310px;display: none;}
/* width crap */
table.header, table.main, table.footer{width: 310px;}
table.blogbody, div.blogheader, .caption, div.smalltext{width: 310px;}
td.maincenter {text-align:center;}
</style>
<http-equiv="imagetoolbar" content="no">

<script type='text/javascript'>document.title = ('Blue.Convoy');</script>
<script>window.status=" Blue.Convoy by Drilotedahl Creations";</script>

<div id="Blog" style="position:static; margin-left: -190px; margin-top: -343px; border: 0px solid #ffffff; height: 345; width: 343px; overflow: auto;">

[OneOfTheseDayz]

uhhh........ check out my site
here..........

[talcumpowder]

That's your own fault you know.

Testing Testing 123 blah blah blah blah blah blah bah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blagl glsfdsffabcdfsadfsfdfdfdfffdffddfdfddddddddddddddddddddddddddddddddddddddddddddd
ddddddddddddddddddddddddddddd

Overflows the content, therefore, it will always overflow. Use lorem ipsum instead.

[OneOfTheseDayz]

Ok thanks!! I can not belive I didn't realize that..... Thanks for all the help...

[gelionie]

PM a corresponding mod if you need further help on this.
[ TOPIC CLOSED ]