decrease the width of the date area, how?? Options

[antix10_kos]

I can't remember how to decrese the width of my date area at the top of my entries. I'm working on a layout and the date area is really wide and is making my entry space have a scrollbar at the bottom. how can i fix this??

here's my code:

<!-- begin code provided by createblog.com --><br /><img src="http://img224.exs.cx/img224/1452/wpppg25b4gc.jpg" width="990" height="738" border="0" alt="" usemap="#wpppg25B_Map"><br /><map name="wpppg25B_Map"><br /><area shape="poly" alt="" coords="378,77, 317,74, 287,89, 273,105, 285,135, 306,150, 331,163, 357,175, 379,181, 403,190, 414,190, 498,154, 529,141, 543,120, 544,97, 537,88, 523,79, 507,76, 491,74, 465,72, 441,75, 418,84, 412,90, 391,81, 387,81" href="#"><br /><area shape="rect" alt="" coords="235,190,391,210" href="#"><br /><area shape="rect" alt="" coords="440,186,541,210" href="#"><br /><area shape="rect" alt="" coords="547,117,681,138" href="#"><br /><area shape="rect" alt="" coords="427,46,523,66" href="#"><br /><area shape="rect" alt="" coords="298,46,378,64" href="#"><br /><area shape="rect" alt="" coords="135,112,273,135" href="#"><br /></map><br /><style>body, a:hover{cursor: url(http://www.freewebtown.com/antix10kos/ppg_01.ani);}</style><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* http://createblog.com */<br /><br />body {<br />  background-color: #000000;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:left;<br />font-family: georgia;<br />text-transform:none;<br />font-size:18px;<br />line-height:20px;<br />font-weight:normal;<br />color:#80DF20;<br />letter-spacing:2px;<br />background-color:#000000;<br />text-align:left;<br />border:2px solid #80DF20;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #FF80BF;<br />font:normal 12px trebuchet ms;<br />background-color: FF80BF;<br />font-color:#000000;<br />        }<br /> table.footer TD {<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 />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: trebuchet ms;<br />BORDER: #000000 1px solid;<br />width:400px;}<br /><br />.mainleft { display:none; }<br /><br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!-- <span class='searchlite'>Scroll</span> Surprise by kurt.grigg@virgin.net<br />colours=new Array('FF80BF','80BFFF','80DF20')<br />function flash(){ <br />var clrPos=Math.floor(Math.random()*colours.length)<br /> with (window.document.body.style){<br /> scrollbarTrackColor=document.bgColor;<br /> scrollbarFaceColor=document.bgColor;<br /> scrollbarArrowColor=colours[clrPos];<br /> scrollbar3dLightColor=colours[clrPos]; <br /> scrollbarHighlightColor=colours[clrPos];<br /> scrollbarShadowColor=colours[clrPos];<br /> scrollbarDarkShadowColor=colours[clrPos];<br /> borderWidth=2;<br /> borderStyle='solid';<br /> borderColor=colours[clrPos];<br /> }<br />}<br />if (document.all)window.document.body.onscroll=flash;<br />//--><br /></script><br /><!-- end code provided by createblog.com --><br /><br /><DIV style="margin-top: -115px; margin-left: -10px; padding-bottom: 0px"><br /><br /><div style="overflow: auto; width: 600px; height: 270px; margin-top: -275px; margin-left: 80px; align=center; class=blogspace;"><br /><!-- end code provided by createblog.com -->

[tooeffingcrazy]

table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: trebuchet ms;
BORDER: #000000 1px solid;
width:400px;}

Decrease it?

[antix10_kos]

i tried that, but all it did was make the actual blog area smaller, not the date. The date stayed the same size....

[sherryvu]

try adding this to the end of your stylesheet

CODE

div.blogheader, table.main, table.navigation, table.footer, table.blogbody{
width:550px;
}

[antix10_kos]

/* edits the date */
div.blogheader, .caption {
background-image: url();
background-repeat:no-repeat;
background-position:left;
font-family: georgia;
text-transform:none;
font-size:18px;
line-height:20px;
font-weight:normal;
color:#80DF20;
letter-spacing:2px;
background-color:#000000;
text-align:left;
border:2px solid #80DF20;
width: 300px
}

I added the width part to my code and it changed the size of the header/date. Thanx for all your help. :)

This topic can be closed.....

[sherryvu]

This topic can be closed.....

[ closed ]