HTML - Why Is There A White Area In My Template
Hello,
Im working on making a template. You can see it at : http://test.tamarawobben.nl/test.html as you can see there is a white area between the header and the rest of the content. Can anyone tell me how i can rid of the white area. Regards, Roelof Similar TutorialsHi everybody! I always try to avoid the use of IFRAMEs, but in this case I had to insert the weather forecast coming from another site. This "source" website has an api which allows one to choose the background of the IFRAME, so no problems with the actual background indeed... but on IE 7 I see an ugly white spot if I set the "height" of the IFRAME to something bigger than the actual height of the content. (see attachment) This does represent a problem, since the actual content is variable in size, and thus I wanted to allow for some padding. I googled for the solution, but the only thing I can find is "how to set the background to transparent" which is not what I need. I tryed it anyway, as seen in following code: HTML Code: <iframe scrolling="no" frameborder=0 style="width:200px;height:490px;background-color:#000000;color:#000000;" allowtransparency="true" src="http://www.ilmeteo.it/box/previsioni.php?citta=5155&type=mps1&width=200&ico=1&lang=ita&days=3&font=Arial&fontsize=12&bg=000000&fg=FFFFFF&bgtitle=FF0000&fgtitle=FFFFFF&bgtab=E8F000&fglink=1773C2"> </iframe> The real problem is that I have no control on that white area, not even by setting bgcolor=black or style="background: black;"... Any ideas would be greatly appreciated! For the life of me, I cannot get rid of the small white line on either side of the dark blue in the following: http://www.toddcary.com/test/viewpoi...ew_design.html Any suggestions are welcomed! Todd I'm working on an HTML page that is going to be an iFrame on another page. The innerHTML of the iFrame page is set to automatically refresh every 20 seconds. The problem is that when that page refreshes, it "flashes" a white background for about 2 seconds before loading the background and content. How can I prevent that from happening every time it refreshes? Here is the page that has the problem: http://www.mattscss.com/rtb/template Here is the page that has the above link as an iFrame: http://www.mattscss.com/wzmr/wzmr_wmp.htm Is there a way to have 2 lines of text (one above the other) where each line is a different colour, but there's no break between the lines? I would prefer an answer that uses CSS. Okay. I am sick of searching on google and w3c.org for solutions. I am asking anyone who is a pro at web developing to help me out! Problem I am using loadVars in Flash, from a *.html file. Mainly because the server does not support PHP and because in HTML I can have comments. I am spacing out the text like so, for readability: &variable1=value1 &variable2=value2 &variable3=value3 etc. when I do the line breaks, the HTML page automatically encodes whitespaces. I need an HTML tag or possibly CSS or Javascript that will get rid of all the whitespaces. Or if it is possible, as I was looking on w3c.org, there might be a text/content type or url-encode type that will do this, but haven't found one. If anyone has any ideas, I need them. Again, I am trying to remove all the whitespace in the ENTIRE page. I'm new to html, just got some basic knowledge, but I've made these 2 calenders, one on one page andone on another but otherwise identical. The thing is, no matter how much I double check for slight differences in the html code, the calender on one page has huge spaces between every three months. See for yourselves: http://www.belekgolftravel.com/servi...eType=Services Working one http://www.belekgolftravel.com/advert_detail.php?ID=54 Buggered up one Any ideas help please! I need help with this i think simple problem. I made my site wiseones.50webs.com and my content box is basically a big white image. I made a 442x1000 px image to serve as the content box. Now is there a way that i could keep the same content inside the box but make it scrolling so that when i run out of room on the main thing, it just scrolls down? In IE 7, some of my pages are displaying white space at the top of the page. Some pages show more than others... I cannot seem to figure out why. Two examples: http://labsysgrp.com/contact_us.php http://labsysgrp.com/newsletters_archived.htm Anyone have any thoughts? Thanks! Hi All! I have a question about the (white) space above any text. I don't know if its possible or not but i hope yes... Please look at the attached picture. You can see the space between the text and the black border on the top... I tried padding, margin set to zero but nothing worked! Maybe its not possible to remove it? Thanks in advance! Guys, hello to everyone in this forum. this my first thread rising a question. please clear my doubt. when im adding the <form> or </form> tags in the code it leaves a empty line (ie) an white space. this occurs only in IE, not in firefox. im using the Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> So guys plz give me a solution to remove the empty line.. -makkal Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> I have an image above a table and I want the image to be physically touching the table border, however there are about 5 pixels of white space above the table. I can't figure out how to remove them. Here's the code. Any help would be greatly appreciated. <img src=logo.jpg> <table border=1 bordercolor="#3C5581" cellspacing=0 cellpadding=0 width=740> How can I make a white background for my paragraph so it will be blended with my image ? ( the post that has white/red roses ) I tried background color code but it moves my paragraph under my image ! Please help ! http://www.asianlabrys.com/forum/ind...20&#entry71823 I'm not sure if this is more of a CSS or a HTML qustion I am building a interface for an on demand radio station (so just an FYI when you visit the link below the sound will start up) page in question: http://www.lcc.edu/radio/indexPlayer.aspx The problem that I'm having is that in IE 7/8 there is a strange and quite visible white border appearing around the iframe that is pulling in the radio player interface. This white border is not displaying in any other browser that I've tested thus far. Only IE Thank you for the assist. John Hey. I have a problem. When I make a image a background image so I can write on it, I get this white line and I don't know how to get rid of it. Help please! Code: <html> <head> <title>RaptorCo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/index_01.jpg" width="1024" height="15" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/index_02.jpg" width="217" height="753" alt=""></td> <td colspan="4"> <img src="images/index_03.jpg" width="587" height="158" alt=""></td> <td rowspan="4"> <img src="images/index_04.jpg" width="220" height="753" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="108" height="37" alt=""></td> <td> <img src="images/index_06.jpg" width="187" height="37" alt=""></td> <td> <img src="images/index_07.jpg" width="155" height="37" alt=""></td> <td> <img src="images/index_08.jpg" width="137" height="37" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_09.jpg" width="587" height="12" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/index_10.jpg"><div style="position: relative;top: -500px;">text</div> </tr> </table> </body> </html> I'm a quite new web designer. And i have some amateur questions, which im quit sure of that you can answer I have this website: http://www.game-portfolio.nl/ The index.html works with the table and content. But when i click on home.html it turns white. I have made an style.css and frame.css cause i'm working with frames. Anyone can answer this question on how to fix this white page into a colouring table. I have white space around my images with the grey border. I put in a picture that was larger than the previous cell size than removed it (the width and height code as well) but it still leaving the white space around the left and right sides of the images. http://www.diversink.com/publications.htm this is the page i'm working on Any ideas to why this is happening would be greatly appreciated Thank you, Rainseed |