Editable Image Banner resizing and visibility

[jeremyl]

Hello and good day;
I am using the histro61_dropdown v1 template and I am trying to resize the editable image dialog box. I used the how to and other forum threads to edit the various .jpg, .map, etc. files and edited the #topbar width. The dialog box now shows the size I want but, the image will not show all the way. There is a white area where the original 232px height area ends.
if it helps, attached is the CSS dialog

There must be something obvious I am missing. I have edited the top bar values with the right side editor panel with varying degrees of non-success.

Thanks in advance!
Jeremy Lembo


body{height:100%;background:#000000;}
html{height:100%;}

/*template styles*/
#sheet{margin: 0 auto;width:988px;background: #000000;border: 1px solid #363636;border-top-width: 0px;border-bottom-width:0px;min-height:100%;height:auto !important;height:100%;box-shadow:0px 0px 16px #242424;}
#topbar{z-index:4;height:400px;width:988px;}
#ml{width:12px;height:33px;display:block;float:left;}
#sidebar{float:left;padding-top:20px;width:197px;height:100%;background:#000000;}
#earea{padding:2px;clear:left;}
#search{position:absolute;top:10px;right:4px;}
.resp #sitename1, .resp #sitename2{position: absolute;top: 36px;z-index: 1;}
.resp #sitename2{top: 30px;}
#xm1{background: #000000;width:988px;}
#xm2{padding: 2px 5px 5px 5px;}
#footer{}
ul#subsubNav{display: block;text-align: center;background:#363636;border:1px solid #99473D;list-style:none;padding:4px;margin:0px;}
ul#subsubNav li{display: inline;padding:4px;}
ul#subsubNavV{display:block;text-align: left;background:#363636;border:1px solid #99473D;list-style:none;padding:2px;width:114px;margin:0px;}
ul#subsubNavV li{display: list-item;padding:4px;}
ul#subsubNavV li:hover{background:#5e5e5e;}

#sitename1{position:absolute;top:60px;left:4px;font: 42px Arial;color:#ffffff;}
#sitename2{position:absolute;top:115px;left:8px;font: 13px Arial;color:#ffffff;letter-spacing:2px;}

/*template button*/
.e_button{transition: opacity 0.6s;box-sizing:content-box;height:24px;border:1px solid #373737;border-radius:4px;min-width: 80px;text-align:center;margin: 2px;padding: 0 3px;text-decoration:none !important;font: bold 12px/24px Tahoma, Verdana, Arial, sans-serif !important;color:#C65A4F !important;display:inline-block;outline:medium none;background: #000000;background: -webkit-linear-gradient(top,#000000 0%,#000000 100%);background: linear-gradient(to bottom,#000000 0%,#000000 100%);}
.e_button:hover{opacity:0.75;background: #000000;}
/*template button*/
.e_button{transition: opacity 0.6s;box-sizing:content-box;height:24px;border:1px solid #373737;border-radius:4px;min-width: 80px;text-align:center;margin: 2px;padding: 0 3px;text-decoration:none !important;font: bold 12px/24px Tahoma, Verdana, Arial, sans-serif !important;color:#C65A4F !important;display:inline-block;outline:medium none;background: #000000;background: -webkit-linear-gradient(top,#000000 0%,#000000 100%);background: linear-gradient(to bottom,#000000 0%,#000000 100%);}
.e_button:hover{opacity:0.75;background: #000000;}
/*LEVEL1 menu definition*/
#mmenu{width:988px;height:33px;padding:0px;margin:0px;list-style-type:none;background:url(../images/button.jpg);border-bottom: 1px solid #363636;}
#mmenu li{float:left;position:relative;}
#mmenu li ul{list-style-type:none;display:none;position:absolute;width:197px;padding:0px;margin:0px;top:33px;left:-3px;border: 1px solid #363636;}
#mmenu li ul ul{list-style-type:none;clear:left;left:197px;top:0px;}
#mmenu li ul li{width:197px;position:relative;}
#mmenu img,#mmenu a,#mmenu li:hover ul,#mmenu li.over ul,li.over ul,#mmenu li ul li:hover ul,#mmenu li ul li.over ul{display:block;float:left;}
#mmenu li:hover ul ul,#mmenu li.over ul ul{display:none;}

/*template button*/
/*template button*/
.w_button a,.w_button .l,.w_button .r{background:url(../images/button.png);height:18px;display:inline-block;outline:medium none;}
.w_button{position:relative;display:inline-block;}
.w_button a{vertical-align:top;background-position: -6px -18px;margin: 0 6px;text-decoration:none;font: bold 10px/17px Tahoma, Verdana, Arial, sans-serif;color:#C65A4F;}
.w_button .l{background-position: 0 -18px;width:6px;position:absolute;top:0;left:0;}
.w_button .r{background-position: 100% -18px;width:6px;position:absolute;top:0;right:0;}
.w_button:hover a{background-position: -6px 0px;}
.w_button:hover .l{background-position: 0 0px;}
.w_button:hover .r{background-position: 100% 0px;}
.w_button:active a,.w_button.active a{background-position: -10px -36px;}
.w_button:active .l,.w_button.active .l{background-position: 0 -36px;}
.w_button:active .r,.w_button.active .r{background-position: 100% -36px;}

/*LEVEL1 menu style*/
.mmenu{text-transform: uppercase;height:33px;padding: 0 10px 0 5px;background: url(../images/r_button.jpg) right no-repeat;color:#99473D;font: 14px/31px Verdana, Geneva, Arial, Helvetica, sans-serif;}
a.mmenu:link{color:#99473D;text-decoration:none;}
a.mmenu:visited{color:#99473D;text-decoration:none;}
a.mmenu:hover,a.mmenu#ma{color:#FFFFFF;text-decoration:none;}

/*LEVEL2 menu style*/
.smenu{width:197px;text-indent:5px;background: #000000;color:#99473D;font: 13px/23px Verdana, Geneva, Arial, Helvetica, sans-serif;}
a.smenu:link{color:#99473D;text-decoration:none;}
a.smenu:visited{color:#99473D;text-decoration:none;}
a.smenu:hover{color:#C0C0C0;background: #363636;}
a.smenu#sa{background:#232323;color:#C0C0C0;}
.level2{}

/*LEVEL3 menu style*/
.ssmenu{color:#C0C0C0;font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
a.ssmenu:link{font-size: 11px;color:#C0C0C0;}
a.ssmenu:visited{font-size: 11px;color:#C0C0C0;}
a.ssmenu:hover{font-size: 11px;color:#ffffff;}

/*LEVEL3 page frames*/
#smheader{height:30px;}
#smcont{height:100%;}
#smbodyr{height:100%;margin: 0px 140px 0px 0px;}
#smmenur{width:130px;float:right;}
#smbodyl{height:100%;margin: 0px 0px 0px 140px;}
#smmenul{float:left;width:130px;}
#smbodyl2{height:100%;margin: 5px 0px 0px 140px;}
/*blocks*/
.t1{background: #363636;padding:2px;margin:2px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;border-right: 1px solid #000000;border-left: 1px solid #000000;}
.t1_caption{position:relative;padding: 1px 5px;min-height:14px;font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #CD5B23;}
.t2{background: #363636;padding:2px;margin:2px;border-top: 1px solid #a25529;border-bottom: 1px solid #a25529;border-right: 1px solid #a25529;border-left: 1px solid #a25529;border-radius:4px;}
.t2_caption{position:relative;padding: 1px 5px;min-height:14px;font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #CD5B23;}
.t3{background: #000000;padding:2px;margin:2px;border-top: 1px solid #363636;border-bottom: 1px solid #363636;border-right: 1px solid #363636;border-left: 1px solid #363636;}
.t3_caption{position:relative;padding: 1px 5px;min-height:14px;font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #C0C0C0;}
/*endblocks*/

[jeremyl]

Bueller..... Bueller......Bueller..... Anythin...

[miro (staff)]

hi can you zip your (updated) template and pos...