HTML - Blogger Empty Space On Bottom
I'm in a bit of a fix here regarding editing the html of a blogger page.
http://bweissnews.blogspot.com/ The problem is the empty space between the end of the last post and the bottom of the window. The gap is too large and doesn't mesh well with pages with fewer posts. Anything I'm missing anything regarding that? Thanks so much in advance. Similar TutorialsHi all! New to this html stuff.. and need a little direction! I added a dynamic drive slideshow to my webpage (that is still very work-in-progress!) and managed to move it down the page where it's supposed to go, but now I have this big blank spot at the top of the page.. oi! Any and all help will be muchly appreciated! Here is the link: http://daps.ca/painting/test/ and here is the code: <html> <head> <script type="text/javascript"> var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]=["http://usera.imagecave.com/paye22/paintweb/pic1.gif", "", ""] //plain image syntax fadeimages[1]=["http://usera.imagecave.com/paye22/paintweb/pic2.gif", "http://www.cssdrive.com", ""] //image with link syntax fadeimages[2]=["http://usera.imagecave.com/paye22/paintweb/pic3.gif", "http://www.javascriptkit.com", "_new"] var fadebgcolor="6aa4b2" var fadearray=new Array() //array to cache fadeshow instances var fadeclear=new Array() //array to cache corresponding clearinterval pointers var dom=(document.getElementById) var iebrowser=document.all function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){ this.pausecheck=pause this.mouseovercheck=0 this.delay=delay this.degree=10 //initial opacity degree (10%) this.curimageindex=0 this.nextimageindex=1 fadearray[fadearray.length]=this this.slideshowid=fadearray.length-1 this.canvasbase="canvas"+this.slideshowid this.curcanvas=this.canvasbase+"_0" if (typeof displayorder!="undefined") theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) this.theimages=theimages this.imageborder=parseInt(borderwidth) this.postimages=new Array() //preload images for (p=0;p<theimages.length;p++){ this.postimages[p]=new Image() this.postimages[p].src=theimages[p][0] } var fadewidth=fadewidth+this.imageborder*2 var fadeheight=fadeheight+this.imageborder*2 if (iebrowser&&dom||dom) document.write('<div id="master'+this.slideshowid+'" style="position:relative;top:550px;left:50px;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow: hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;top:550px;left:50px;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;lef t:00;filter:progidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;top:550px;left:50px;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;lef t:0;filter:progidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>') else document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>') if (iebrowser&&dom||dom) this.startit() else{ this.curimageindex++ setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay) } } function fadepic(obj){ if (obj.degree<100){ obj.degree+=10 if (obj.tempobj.filters&&obj.tempobj.filters[0]){ if (typeof obj.tempobj.filters[0].opacity=="number") obj.tempobj.filters[0].opacity=obj.degree else //else if IE5.5- obj.tempobj.style.filter="alpha(opacity="+obj.degree+")" } else if (obj.tempobj.style.MozOpacity) obj.tempobj.style.MozOpacity=obj.degree/101 else if (obj.tempobj.style.KhtmlOpacity) obj.tempobj.style.KhtmlOpacity=obj.degree/100 else if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } else{ clearInterval(fadeclear[obj.slideshowid]) obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1" obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas) obj.populateslide(obj.tempobj, obj.nextimageindex) obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0 setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay) } } fadeshow.prototype.populateslide=function(picobj, picindex){ var slideHTML="" if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">' slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='</a>' picobj.innerHTML=slideHTML } fadeshow.prototype.rotateimage=function(){ if (this.pausecheck==1) //if pause onMouseover enabled, cache object var cacheobj=this if (this.mouseovercheck==1) setTimeout(function(){cacheobj.rotateimage()}, 100) else if (iebrowser&&dom||dom){ this.resetit() var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) crossobj.style.zIndex++ fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50) this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0" } else{ var ns4imgobj=document.images['defaultslide'+this.slideshowid] ns4imgobj.src=this.postimages[this.curimageindex].src } this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0 } fadeshow.prototype.resetit=function(){ this.degree=10 var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) if (crossobj.filters&&crossobj.filters[0]){ if (typeof crossobj.filters[0].opacity=="number") //if IE6+ crossobj.filters(0).opacity=this.degree else //else if IE5.5- crossobj.style.filter="alpha(opacity="+this.degree+")" } else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=this.degree/101 else if (crossobj.style.KhtmlOpacity) crossobj.style.KhtmlOpacity=this.degree/100 else if (crossobj.style.opacity&&!crossobj.filters) crossobj.style.opacity=this.degree/101 } fadeshow.prototype.startit=function(){ var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) this.populateslide(crossobj, this.curimageindex) if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER var cacheobj=this var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid) crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1} crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0} } this.rotateimage() } </script> I have the site in center but there isn't any [center] tags. Surrounding it is empty black. How do I reduce the emptiness to make the site "bigger"? Hi, I'm new to HTML, i pretty much learned it by myself with online tutorials. Now i'm having problems with this web layout, There are empty spaces between cells and I can't remove them no matter what I do. I used cellpadding="0" and cellspacing="0" and style="border-collapse: collapse" but it made no difference. This is only happening on FireFox. On Internet Explorer it appears fine. I'm sure that I'm doing some stupid mistake somewhere. Here's the code of the whole page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Using CSS</title> <style> body { margin:0; } </style> </head> <body topmargin="0" leftmargin="0" bottommargin="0"> <table cellpadding="0" border="1" style="border-collapse: collapse" cellspacing="0" height = "100%"> <tr> <td><img src="images/Gray-Cut-(layout)_01.gif" height="64"></td> <td><img src="images/Gray-Cut-(layout)_02.gif" height="64"></td> </tr> <tr> <TD class="example" width="786" colSpan="2" heigh="100%"> <TABLE id="Table2" height="100%" cellSpacing="0" cellPadding="0" border="1" style="border-collapse: collapse"> <TR> <TD><IMG height="21" alt="" src="images\Gray-Cut-(layout)_03.gif" width="182"></TD> <TD width="100%" rowSpan="5"><iframe name="iframe" src="home.html" height = "100%" width="100%" frameborder="0"></iframe></TD> </TR> <TR> <TD><IMG height="24" alt="" src="images\Gray-Cut-(layout)_05.gif" width="182"></TD> </TR> <TR> <TD><IMG height="24" alt="" src="images\Gray-Cut-(layout)_06.gif" width="182"></TD> </TR> <TR> <TD><IMG height="35" alt="" src="images\Gray-Cut-(layout)_07.gif" width="182"></TD> </TR> <TR> <TD height="100%"> </TD> </TR> </TABLE> </TD> </tr> </table> </body> </html> UPDATE: See next post. I'm having a problem with IE treating empty space in a DIV as solid, preventing me from clicking anything underneath it. The problem is demonstrated he http://tmabb.com/comicpress/ You can see it best if you look at the logo in the upper-left, though it also occurs farther down the page. The entirety of that logo should be clickable, but a portion of the bottom of it is not. Basically, you've got the top header and leaderboard in one DIV, and then below that, the comic pane is in another DIV. The comic DIV has a negative top margin to make it interlock with the leaderboard DIV, which is what is causing the issue. The upper-left of the comic DIV *should* be empty space, and in FF, Opera, and Safari, you can indeed click all of the upper-left logo as you would expect. In IE, however, that empty space which overlaps part of the logo makes that portion of the logo unclickable. I can't simply give the leaderboard DIV a higher z-index, because then its empty space will block the links in the upper-right of the comic pane DIV. Is there any way to make this work in IE? Hey guys, i have a div setup to overflow:auto; to scroll through comments on the site. It works correctly in Chrome, Internet Explorer, and Safari, but Firefox is showing a bunch of empty space thats equivalent to the height of the page if the div was displayed without a scroll. http://www.greendayauthority.com/ind...20798&archive= Take a look at that page on different browsers. It ends correctly with the ads being at the end in other browsers, but with firefox, there's a bunch of dead space stretching the pages height. Any advice? Hey guys, EDIT: I figured it out. There was a phantom image that I had between the two that no longer belongs. Nevermind! Thanks, ~C-Style~ Hi All, I'm putting together a table for each item description in a list of products. I'm having trouble getting rid of some blank white space at the bottom of the column... I'm not sure why it insists on being there. Does anyone have any suggestions? Here is the page in question: http://www.nrs.to/phpbuild/product.php The table is just the photo of the desk, it's title, description, qty, etc. The next table down is the other item - forklift with the pretty photo. The blank white space I'm talking about is just below where it says: QTY: 1. I don't want the item description to be down so far below that. I posted the the code below for one of the the tables. Thanks so much, Todd <table cellpadding="7" cellspacing="0" border="0" align="center"> <tr> <td colspan="3" width="800"> <hr> </td> </tr> <tr> <td rowspan="2" align="right" valign="top" width="218"> <img src="inventory/100000a1.jpg" /> </td> <td valign="top" width="103"> ITEM#: 100000<br />QTY: 1 </td> <td valign="top" width="451">Oak Laminate Desk </td> </tr> <tr> <td colspan="2" valign="top" width="552">This desk has a very nice oak laminate finish. It is in very good condition.<br />Dimensions: 5' wide x 30" deep <a href="productdetail.php?id=100000"><span class="smallfont">Photo detail / more info</span></a> </td> </tr> </table> On every other page, my table around my content works, but on the main page: http://www.snowwhitedesign.com there is a lot of white space below my image. My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights. Also, how can I get rid of that small border line running right through the middle of my image? thanks! hello there's this blank space at the bottom of this site which i can't figure out. http://www.thebollocks.org/drop/rugged/ it's not part of the tables or background colors? thanks for your help sandy I taught myself HTML, so I'm not the greatest at it, but I get by. My problem is that on a page I am currently working on (and it's happened to me in the past as well) there is a small space at the bottom of the page that shouldn't be there. It's weird because it's there when the page first loads, but when I refresh it goes away. But why is it there in the first place. There's no stray <br> tags or anything and this is very basic HTML code, including tables. I don't see any other sites with this problem, what in the world could it be? I just asked a friend, and I don't think he's seeing it. The space is very noticeable. It's kind of embarrassing, a wrestling related page, but I'll include the link. I am using Internet Explorer, by the way. And I just noticed than when I click the link in my bookmarks, and hit "open in new tab", the space isn't there. Just odd. Anyway, here it is: http://steenerico.fwrestling.com/ Well, that link won't do any good, because apparently when it opens in a new window, the space doesn't show up. Argh. Try opening a new browser window and pasting the link into the address bar. I don't understand why there is white space at the bottom of the page. I am using negatives which one would assume would take away space and not add it. Below is the HTML and CSS codes. If someone could take a look at this and let me know what it is that I need to do to get rid of the white space at the bottom, I would be greatly appreciative. Thanks in advance. McClain HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Blakeslee - Quality Commercial Dishwashing and Prep Equipment</title> <link rel="stylesheet" href="css/styles.css" type="text/css" /> </head> <body> <div id="header"></div> <div id="nav"></div> <div id="content"> <ul> <li class="premiere"><a href="#"><img src="images/p1.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Flight-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/Rack_type_dishwasher.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Rack-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="endProduct"><a href="#"><img src="images/vegetable_peelers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Vegetable Peelers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/door_type_dishwashers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Door-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="endProduct"><a href="#"><img src="images/food_slicers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Food Slicers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> </ul> <img id="productBg1" src="images/first_row_background.png" /> <div id="clear"></div> <ul class="Hproducts"> <li class="premiere"><a href="#"><img src="images/glass_washers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Glass Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/undercounter_dishwashers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Undercounter Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="endProduct"><a href="#"><img src="images/planetary_mixers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Planetary Mixers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/pot_utensil_washers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Pot & Utensil Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> <li class="primary"><a href="#"><img src="images/silver_stainless_burnishers.gif" alt="ok" border="none" /></a> <ul> <li class="title"><a href="#">Silver/Stainless Burnishers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li> </ul> </li> </ul> </div> <img id="productBg2" src="images/second_row_background.png" /> </body> </html> CSS Code: body{ margin-right: 10%; margin-left: 10%;} #content,#nav,#productBg1,#productBg2,.Hproducts,.premiere,.primary,.title{ position:relative;} #header{ background:url(../images/header.gif) no-repeat; width: 100%; height: 496px;} #nav{ width:450px; height:60px; background-color:#000000; top: -220px; left:250px;} /*************************************************/ /******************* CONENT ***********************/ #content{ width: 1100px; top: -200px; margin-left: 50px;} #content ul{ display:inline;} #content ul li{ display:inline; list-style-type:none;} #content ul li a{ text-decoration:none; color: #1a4d9e;} #productBg1{ top: -110px; left:40px; z-index: -1;} #productBg2{ top: -410px; left:90px; z-index: -2;} .Hproducts{ top: -100px;} .premiere{ margin-left: 15px;} .endProduct{ margin-left: -180px;} .primary{ margin-left: -140px;} .title{ right: 200px; top:10px;} Reference: http://investorsconnection.net So if you load it up in FF, you see that there is a stripe that goes across the bottom of the page and it is flush to the bottom of the window. That is how it is supposed to be. In IE there is a space below that greyish stripe, and it's not supposed to be there. I can't figure out why! The stripe is div id "footer_bg". Thank you for the help! Hi on one of my websites there is just to much dead space at bottom of page and it makes people have to scroll down to see the whole page . how do i get rid of that blank space at bottom? i have tried just deleting but it doesnt want to delete it . i think there is a code error or two , im gonna try to post the html code of site here .. Thanks for help in advance . CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Exclusive - Template</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css>#mainWrapper { MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: auto; WIDTH: 732px; COLOR: #333333; MARGIN-RIGHT: auto; FONT-FAMILY: Arial, Helvetica, sans-serif } BODY { MARGIN-TOP: 0px; BACKGROUND-IMAGE: url(repeater-orange.jpg); BACKGROUND-REPEAT: repeat-x } #video-area { BACKGROUND-IMAGE: url(../ExclusiveTemplate/HTML/images/video-area-bg.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 385px } #footer { BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .style1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666 } </STYLE> <META content="Created with Trellian WebPage" name=description> <META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD> <BODY> <DIV align=center> <TABLE style="Z-INDEX: 101; LEFT: 331px; WIDTH: 589px; POSITION: absolute; TOP: 103px; HEIGHT: 351px" height=351 cellSpacing=0 cellPadding=0 width=589 border=0> <TBODY> <TR> <TD><IMG style="WIDTH: 596px; HEIGHT: 334px" height=300 alt="" hspace=0 src="7fa10df874.jpg" width=600 border=0></TD></TR></TBODY></TABLE> <DIV id=mainWrapper style="WIDTH: 733px; HEIGHT: 1101px"> <DIV id=header align=left><IMG style="WIDTH: 732px; HEIGHT: 87px" height=84 alt="" hspace=0 src="header-orange.jpg" width=732 border=0> </DIV> <DIV align=center><IMG height=385 alt="" hspace=0 src="video-area-bg.jpg" width=732 border=0></DIV> <P align=center><FONT face=Default size=2><FONT face=Impact><FONT size=4><FONT face="Gill Sans MT" color=#ff0000><STRONG>Discover The Secret $35K/Month System That <U>WILL</U> Separate You From The Pack!</STRONG></FONT> <BR></FONT></FONT><FONT size=3><FONT face="Tw Cen MT"><FONT face="Lucida Sans Unicode" color=#000000 size=2>You Will Be Getting Instant Access To The Full 1on1 Training Course That <BR>Others Have Paid Upto $1,997 To Use For <U>FREE</U>! This Wont Last Long, Sign Up Today...</FONT></FONT></FONT><BR></FONT><IMG style="Z-INDEX: 102; LEFT: 374px; POSITION: absolute; TOP: 721px" height=111 alt="" hspace=0 src="arrow-hand.JPG" width=128 border=0> <SCRIPT src="http://www.jotform.com/min/g=jotform&3.1.9" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); }); </SCRIPT> <LINK href="http://www.jotform.com/css/styles/form.css?v3.1.9" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/styles/jottheme.css" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/calendarview.css?v3.1.9" type=text/css rel=stylesheet> <STYLE type=text/css>.form-label { WIDTH: 50px! important } .form-label-left { WIDTH: 50px! important } .form-line { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .form-label-right { WIDTH: 50px! important } .form-all { FONT-SIZE: 12px; BACKGROUND: #ffffff; WIDTH: 250px; COLOR: #000000! important; FONT-FAMILY: "Trebuchet MS" } </STYLE> <FORM class=jotform-form id=3155437226 name=form_3155437226 accept-charset=utf-8 action=http://www.jotform.com/submit.php method=post><INPUT type=hidden value=3155437226 name=formID> </P> <DIV class=form-all> <DIV align=center> <UL class=form-section> <DIV align=left> <LI class=form-line id=id_9><LABEL class=form-label-right id=label_9 for=input_9>First Name<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_9><INPUT class="form-textbox validate[required]" id=input_9 size=30 name=q9_firstName9> </DIV></LI></DIV> <LI class=form-line id=id_7><LABEL class=form-label-right id=label_7 for=input_7>E-mail<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_7><INPUT class="form-textbox validate[required, Email]" id=input_7 size=30 name=q7_email7> </DIV></LI> <LI class=form-line id=id_8><LABEL class=form-label-right id=label_8 for=input_8>Phone Number<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_8><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_area size=3 name=q8_phoneNumber[area]> - <LABEL class=form-sub-label id=sublabel_area for=input_8_area>Area Code </LABEL></SPAN><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_phone size=8 name=q8_phoneNumber[phone]> <LABEL class=form-sub-label id=sublabel_phone for=input_8_phone>Phone Number </LABEL></SPAN></DIV> <DIV align=left></DIV></LI> <LI class=form-line-column id=id_2 style="WIDTH: 272px; HEIGHT: 168px"> <DIV class=form-input-wide id=cid_2 align=center> <P class=form-buttons-wrapper style="TEXT-ALIGN: center" align=center><INPUT style="WIDTH: 268px; HEIGHT: 69px" type=image height=69 alt=Submit width=280 src="get-instant-access.jpg" size=19 border=0></P> <DIV class=form-buttons-wrapper style="TEXT-ALIGN: center"><STRONG><FONT size=1>Primary Goal: Create The Next 20 "Internet Big Shots" This Year! (Your Background, Experience, Online Skills, Looks, Doesnt Matter...)</FONT></STRONG></DIV></DIV></LI></UL></DIV> <LI style="DISPLAY: none">Should be Empty: <INPUT name=website> <UL></UL></LI></DIV></DIV><INPUT id=simple_spc type=hidden value=3155437226 name=simple_spc> <SCRIPT type=text/javascript> document.getElementById("si" + "mple" + "_spc").value = "3155437226-3155437226"; </SCRIPT> </FORM><A href="index-orange.html#"></A><IMG style="Z-INDEX: 103; LEFT: 775px; POSITION: absolute; TOP: 722px" height=111 alt="" hspace=0 src="arrow-hand1.JPG" width=128 border=0> <TABLE style="Z-INDEX: 104; LEFT: 381px; POSITION: absolute; TOP: 902px" height=16 cellSpacing=0 cellPadding=0 width=506 border=0> <TBODY> <TR> <TD> <P class="style21 style1" align=center>Michael´s Millionaire Mentoring - Home - Privacy - Disclaimer - All Rights Reserved 2010</P></TD></TR></TBODY></TABLE></DIV> <DIV></DIV></BODY></HTML> Thanks again for help if you can.. Michael I'm attempting to insert a image map menu at the bottom of each page, however for some reason there is a 2-4 pixel gap between the menu and the bottom of the table and I can't figure out why. Here is the URL: http://www.knockoutwebsites4u.com/LSC/index.html Thanks for your help in this matter. I want to add a banner in post's footer, i'm using this template: http://btemplates.com/2009/11/28/mystique/ I read that I had to put html banner code inside: <div class='post-footer-line post-footer-line-3'/> </div> but I don't have that on my html code. Does anyone know how to do it? K, i have a blogger page and I'm quite familiar with HTML and a bit of CSS. My site is a blog and a bit of tutorials. Now the problem is, the text editor for blogger is also an html editor (you'd have to use blogger to know what i mean). So when I try to put something like: Code: <body><p>Hello</p></body> It will say the "body" tags are not allowed and since it's an HTML editor too it will write "hello". I need to insert a widget right into the blog or something. know i can use screen captures but they take too long. Please Help. I have a blogger but is looks bad. You see: http://englishpublishers.blogspot.com Who can tell me how to use it? I want to write a blog. Hi, I have a basic understanding of HTML, and now I have a problem. My blog is on www.wrappedfolds.blogspot.com. I am trying to make my list on my blog navigational rather than just a list. I want all of the designs (the list is after where it says "a list of my designs") to be links to the article that they're posted on. I have read plenty about it, but I can't seem to get it to work. I'm trying to design a couple blog banners with page tabs such as the one on this site http://hellomaryrebecca.blogspot.com/ but I've googled for hours now and can't figure it out. I can only find info on building simple tabs like this that I have temporarily up now on http://phillipchesterphotography.blogspot.com Please help! I can donate to your blog/website if need be to figure this out. Thanks in advance!! I have a blog at blogger.. I installed a premade template..and tweaked a little to include my own header.. I also changed the color of the site description.. but i cant seem to change the color of the title.. http://tshirtjunkieindian.blogspot.com this is my blog.. I dont know anything about HTML..Please help me.. I'll post code if you instruct me which part to post.. Thanks in advance |