|
HTML - Can't Click Through Empty Space
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? 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> 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> 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"? 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. 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~ i almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css>
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
<table width="200" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="100" valign="top">
<a href="link">Sample text </a>
<td width="100" valign="top">
<a href="link">Sample text</a>
</td></tr></table>
Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" Hope I put this in the right section. The website I'm creating has a shopping cart. Respectivley there's a "view cart" button in the menu bar. But when I put the button in the menu, a blank space appears underneath the table like it's a break line. I viewed the page without the button and everything's perfect, so I'm pretty sure it's the form. I've tried putting the form itself into a table will zero-value margins, but it didn't seem to do anything. Is there anyway to get rid of the blank spot? I'm probably missing something. The program I'm using is Dreamweaver. =P Code: <table id="Table_01" width="800" height="48" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="ciol_website/rosaries.html"><img src="ciol_website/slice/ciol_tab_01.gif" alt="" name="image1" width="160" height="24" border="0" id="image1" onmouseover="MM_showMenu(window.mm_menu_0825155153_0,0,24,null,'image1')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/unique_items.html"><img src="ciol_website/slice/ciol_tab_02.gif" alt="" name="image2" width="160" height="24" border="0" id="image2" onmouseover="MM_showMenu(window.mm_menu_0825155740_0,0,24,null,'image2')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/spec_occas.html"><img src="ciol_website/slice/ciol_tab_03.gif" alt="" name="image3" width="160" height="24" border="0" id="image3" onmouseover="MM_showMenu(window.mm_menu_0825160111_0,0,24,null,'image3')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/just_for_kids.html"><img src="ciol_website/slice/ciol_tab_04.gif" alt="" name="image4" width="160" height="24" border="0" id="image4" onmouseover="MM_showMenu(window.mm_menu_0825160607_0,0,24,null,'image4')" onmouseout="MM_startTimeout();" /></a></td>
<td><a href="ciol_website/aboutus.html"><img src="ciol_website/slice/ciol_tab_05.gif" alt="" name="image5" width="160" height="24" border="0" id="image5" onmouseover="MM_showMenu(window.mm_menu_0825160731_0,0,24,null,'image5')" onmouseout="MM_startTimeout();" /></a></td>
</tr>
<tr>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/media.html"><img src="ciol_website/slice/ciol_tab_06.gif" alt="" name="image6" width="160" height="24" border="0" id="image6" onmouseover="MM_showMenu(window.mm_menu_0825160842_0,0,24,null,'image6')" onmouseout="MM_startTimeout();" /></a></td>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/accessories.html"><img src="ciol_website/slice/ciol_tab_07.gif" alt="" name="image7" width="160" height="24" border="0" id="image7" onmouseover="MM_showMenu(window.mm_menu_0825160954_0,0,24,null,'image7')" onmouseout="MM_startTimeout();" /></a></td>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/catholicessentials.html"><img src="ciol_website/slice/ciol_tab_08.gif" alt="" name="image8" width="160" height="24" border="0" id="image8" onmouseover="MM_showMenu(window.mm_menu_0825161102_0,0,24,null,'image8')" onmouseout="MM_startTimeout();" /></a></td>
<td width="160" height="24" align="center" valign="top"><a href="ciol_website/for_you.html"><img src="ciol_website/slice/ciol_tab_09.gif" alt="" width="160" height="24" border="0" /></a></td>
<td width="160" height="24" align="center" valign="top"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart" />
<input type="hidden" name="business" value="e@mail.com" />
<input type="hidden" name="display" value="1" />
<input type="image" src="http://catholicitemsonline.com/ciol_website/slice/ciol_tab_10.gif" border="0" name="submit" alt="View items in your cart." />
</form>
</td>
</tr>
</table>
Hi, I have created an empty cell on top of the navigation menu, so that spiders check the main content first. Now that empty cell is quite different in IE or in Firefox. It moves my navigation up or down. This is the URL: http://www.papershreddersreviews.com...shredders.html Any solution to this problem? Thank, any ideas much appreciated. Hi all, i am new here. I am also new to HTML. I have com accross a small problem with my first site, the problem is that i have added a few image tags within a <div> element and that when I positioned them using an external css style sheet that the images themselves move but the lines that they were originally on remain there. It is leaving a rather large white gap at the base of my website and is leaving me with fewer strands of hair on my already rather shiny head. Thanks in advance for any help that anyone can offer on this thread. John Hello all! I need some help to make a link on my webpage which can open a Youtube-video in a new empty window. Youtube.com offers to types of linking the video-code: a) a regular URL-link for opening the video in a regular youtube-page (with all menus and ads) Example: http://www.youtube.com/watch?v=_i_VvpQbYj4 b) an embed-code which will show the video anywhere you want on your webpage. Example: <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/_i_VvpQbYj4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/_i_VvpQbYj4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> So I guess we have to combine these two methods for solving the problem? Perhaps I can make an empty html-page called "\videopage.html", and then make a link-code which opens the videopage.html showing the video embedded? Like this: 1. Make a file called "\videopage.html" 2. Make a link on my webpage with the unknown code. 3. When a user clicking on my video-link, it opens the page called "\videopage.html" and plays the video. 4. I have many videos linking from youtube, so I think I have to re-use the page called "\videopage.html" many times. 5. This means the "\videopage.html" needs to be empty all the time, and just be 'called on' by the code. Can anyone help me? I hope a clever HTML-coder can make this work... Anyone with ideas? Best regards, Stereoid Hello, My name is Eli and I cannot figure out why in the 2nd and 3rd rows of this HTML table there are empty spaces between the columns, making these rows go over the table width limitation of 770. I would really appreciate some help, as it is getting very frustrating and I am sure there is a very simple solution that I am missing. I've searched threads but could not find the right answer. Here is the table HTML code: <table border="0" align="left" cellspacing="0" cellpadding="0" width="770"> <tr> <td width="770" height="1" colspan="2" bgcolor="#FFFFFF"><img src="http://yst.sale-la-vie.com/images/spacer.gif" alt="spacer" width="4" height="1" border="0" align="middle" /></td> </tr> <tr> <td colspan="2" align="left" valign="top" bgcolor="0"><img src="http://yst.sale-la-vie.com/images/main-mid.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/right-mid.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-necklaces-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-earringss-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-goodlook-img.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-bracelets-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-summer-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-newlook-img.jpg" alt="" border="0" /></a></td> </tr> </table> Thanks and best wishes, Eli Hey guys, Need a little help with... http://www.netsketched.com/NRG/ There is a space up top that I can't get rid of. Also, is there a way I can make the layout flow to the bottom regardless of the amount of content? Hi Experts, I am facing some problem in the row spaces. I am new to project and previous programmer used some tool to write HTML code. now I am not able to understand the HTML part of code. I don't know why but the first row table border is missing in this. Here is the code:- <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='margin-left:25.0pt margin-bottom:25.0pt;border-collapse:collapse'>" + "<tr height=25 style='height:19.1pt'> <td width=551 colspan=2 height=25 valign=top style='width:413.2pt;border: none;border-bottom:solid windowtext 1.0pt;padding:0in 5.4pt 0in 5.4pt; height:19.1pt'> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>Hi " + Item[4] +",<o:p></o:p></span></font></p> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'><o:p> </o:p></span></font></p> <p class=MsoNormal style='text-align:justify'><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>It was a pleasure talking to you. Based on our discussions I have forwarded your resume to my Business Development Manager (see below) who will be either calling or emailing you very soon with other details.<o:p></o:p></span></font></p>" + "<br><p class=MsoNormal style='text-align:justify'><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>The job description for this assignment is as follows:<o:p></o:p></span></font></p><p class=MsoNormal style='margin-left:3.45pt'><font size=2 f=Arial><span style='font-size:11.0pt;font-family:Arial'><o:p> </o:p></span></font></p></td> </tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Location:<o:p></o:p></span></font></b></p> <p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt; font-family:Arial'><o:p> </o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" +Location +"<o:p></o:p></span></font></p></td></tr>" + "<tr height=34 style='height:25.55pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.55pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Job description:<o:p></o:p></span></font></b></p><p class=MsoNormal align=right style='text-align:right'><font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p> </o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.55pt'> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +">" +DesC +"</p></td></tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Duration:<o:p></o:p></span></font></b></p><p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt; font-family:Arial'><o:p> </o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" +Duration +"<o:p></o:p></span></font></p></td></tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma;color:#3366FF;font-weight:bold'>Details:<o:p></o:p></span></font></b></p><p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p> </o:p></span></font></p></td>" + "<td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>TBD</span></font></p></td></tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>BDM / Marketing Manager<o:p></o:p></span></font></b></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" + StaffName + " " + basUtilities.DLookup("EXT" , "EmailContact", "FirstName='" + basUtilities.UserID() + "'") + "<o:p></o:p></span></font></p> </td></tr>" +NewColumSkill +"</table>" + Please help me to fix this. Just moved the site to its new server and added the navigation... now suddenly I have some spacing at the top and I need another set of eyes. http://www.phinfever.com/newsite Note*: Spacing not visible on IE7... it is on Firefox3 This isn't merely an attempt to sound like something from "The Matrix", but I'm continuing to work on my companies website and for some reason in IE when I place a picture at a certain place the web page give me enough room to scroll the page right. (There isn't anything there, it just has a scroll bar at the bottom and you can scroll the whole thing right leaving it half off the page looking at just background.) Link: http://802heaven.analogcafe.net/TTCBeta/mainstage.html If someone could take a look at that and tell me some ideas for how to fix it that would be GRRRR8. Thanks. ....you super experts probably have a good laugh about my beginners question, but I really struggle with controlling the spac between two paragraphs <p>. How can I change it? Chris Hello Friends, This is my first post and i really hope ill get a solution to this problem! I've attached a pic with this topic.Theres a red circle on the left hand side of the photo.As you can see that space has no relevance to the page,i want it to be removed.Tried a lot but in vain. Heres the url to the page : http://www.geocities.com/doshi_ishan Link to the pic : http://img292.imageshack.us/my.php?image=helpvv9.jpg As the content in the page is increased,so is the dimension of that left space. Awaitin ur replies!! Thnx a lot! Bye! Well ive just started converting one of my old sites which used tables to CSS etc and have run into a very small problem. Ive taken everything else away till i can sort this so its a little easier and clearer, the site is www.rharris28.com in IE(7) there is a small space between the first image (blue and triangle shape) meet the home image. This forces the last image onto a new line because it cant fit on that line. In FF its fine and looks great to me. The Code for that is... Code: <div id="background" align="center">
<div id="container" align="left">
<div id="tbbg"></div>
<div id="tb"><img src="/images/separator.gif"><img src="/images/but_home.gif"><img src="/images/separator.gif"><img src="/images/but_site_map.gif"><img src="/images/separator.gif"><img src="/images/but_contacts.gif"><img src="/images/separator.gif"><img src="/images/fon01.gif" width="231px" height="41px"></div>
</div>
</div>
and the CSS is Code: * {
margin: 0;
}
#background {
background-color:#01557C;
height: 100%;
width: 100%;
}
#container {
background-color:#FFFFFF;
width: 759px;
height:500px;
}
#tbbg {
background-image:url(/images/main01.jpg);
width:256px;
height:41px;
float: left;
}
#tb {
}
I cant see anything wrong and cant work it out. Thanks. |
|||||||