HTML - Unwanted Space In Webpage
Similar TutorialsNo matter how many times I delete it in the Content Management System, there is some text on my website that just won't go away. When I delete it in the CMS, it goes away, but then when I submit - it just pops back up. The link below will take you to the page that I'm having problems with. The words "Ursula Pinel" keep showing up mysteriously right beneath Windsor's bio and above Karie's bio. See for yourself... http://www.cafephysique.com/trainers.php Please help me if you can. It's making this page of my site look so unprofessional. Hi! I've looked it over and over ant I can't seem to find the solution to this. A huge space appears on my webpage without permission! Here is the code HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <SCRIPT TYPE="text/javascript"> function popup(mylink, annonces) { if (! window.focus)return true; var href; if (typeof(mylink) == 'string') href=mylink; else href=mylink.href; window.open(href, annonces, 'width=600,height=600,scrollbars=yes'); return false; } // </SCRIPT> <TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251"> <META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0"> <META NAME="Author" CONTENT="Dmitri Nassyrov"> <META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov, concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika"> <META NAME="Description" CONTENT="Le duo du balalaïka et du piano: Dmitri Nassyrov et Victoria Khramova, ont un repertoire tres varié: folklorique, classique, jazz, et autres... "> <TITLE>Duo:balalaïka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE> <link rel="stylesheet" type="text/css" href="style.css" /> </HEAD> <div id="container"> <BODY BGCOLOR="#000000" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000" BACKGROUND="../img/bcknd.jpg" bgproperties="fixed"> <script language="javascript"> var u=13200; var vsbl=0; var l=''; </script> <script type="text/javascript" language=Javascript src="http://h1.hitslog.com/counter.js"></script> <script language="javascript"> document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1 src=http://h1.hitslog.com/hl.php?'+l+'></a>'); </script> <noscript> <a href="http://hitslog.com/"><img border=0 width=1 height=1 src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript> <TABLE id="main"> <tR width=720 height=160> <td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo: balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" SRC="../site/IMG/HEADER2.gif"> </td> <td> <table valign=center width=105 height=75 cellpadding=0> <tr class="lang"> <img alt="En Français" border=0 src="../site/img/francaisclik.gif" > </tr> <tr class="lang"> <a href="../eng/index.html"><img alt="In English" onmouseover="this.src='../site/img/englishon.gif'" onmouseout="this.src='../site/img/english.gif'" onclick="this.src='../site/img/englishclik.gif'" border=0 src="../site/img/english.gif"></a> </tr> <tr class="lang"> <a href="../rus/index.html"><img alt="По-Русски" onmouseover="this.src='../site/img/russianon.gif'" onmouseout="this.src='../site/img/russian.gif'" onclick="this.src='../site/img/russianclik.gif'" border=0 src="../site/img/russian.gif"></a> </tr> <tr width=100 height=85> <img alt="Duo: balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" src="../site/img/sideheader.gif"> </tr> </table> </td> </tR> <!--The big space is here--> <TR> <td colspan=2> <table width=720> <tr> <td valign=top> <TABLE valign=top> <TR> <TD class="menu"><A HREF="INDEX.HTML"><img src="../img/bienvenueclik.gif" alt="Bienvenue" border="0"></a></TD> </TR> <TR> <TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre duo" onmouseover="this.src='../img/leduoon.gif'" onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif" alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'" onmouseout="this.src='../img/concerts.gif'" onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre musique" onmouseover="this.src='../img/audioon.gif'" onmouseout="this.src='../img/audio.gif'" onclick="this.src='../img/audioclik.gif'"border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif" alt="L'Histoire du balalaïka" onmouseover="this.src='../img/historiqueon.gif'" onmouseout="this.src='../img/historique.gif'" onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens" onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'" onclick="this.src='../img/liensclik.gif'" border="0"></A></TD> </TR> <TR> <TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif" alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'" onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'" border="0"></A></TD> </TR> </TABLE> </tD> <TD VALIGN=top> <table id="text" height=100% width=500 cellpadding=20 style="BACKGROUND: url('../site/img/textbcknd.jpg'); "> <tr> <!--<marquee id="test" onMouseOver="document.all.test.stop()" onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%" height="51" behavior="scroll" direction="left"><font face="arial" align=middle><i> <A HREF="annonces3.html" onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br> Festival "From Russia With Love"<br> à la bibliothèque publique juive. </i></font></marquee>--> </tr> <tr> <td valign=top> <font face="times new roman" size=3> <h2>Un duo, c'est indivisible...</h2> <p align=justify>Dans un duo, le rôle de chaque musicien n'est pas seulement de compléter son partenaire, mais aussi de souligner la sonorité de son instrument.</p> <p align=justify>Notre duo est assez particulier et assez unique à Montréal. Les deux instruments composant notre duo sont: le piano et le balalaïka - instrument folklorique russe. Les possibilitées de cette union sont surprenantes, dans le répertoi folklore, classique, jazz...</p> <hr width=95%></hr> <p>Sur ce site, vous trouverez de l'information sur nos <A HREF="concerts.HTML">concerts</A>, vous pourrez écouter nos <A HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et plus encore.</p> <p>Et, bien sûr, nous serons heureux de vous voir à nos concerts!</P> <p><i>Dmitri Nassyrov et Victoria Khramova</i></p> </TD> </tr> </table> </td> </tr> </table> </td> </TR> </TABLE> <font face="arial" size=1 align=right> &nb sp; &nb sp; &nb sp; Dmitri Nassyrov et Victoria Khramova © Tous droits réservés.</font> </BODY> </div> </HTML> I put "The big space is here" where the space occurs. The weird thing is that if I open the file in some html editing software (frontpage), it looks fine, but once I open it in IE, the space appears. Here is the style.css file if it needs checking: HTML Code: body { text-align: center; background-color: rgb(239,197,137); } #container { margin: 0 auto; } #main { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ } #top { border:0px; /* border="0" */ border-collapse:collapse; /* cellspacing="0" */ } tr.lang { horizontal-align:left; width:100px; height:25px; } td.menu { width:220; height:40; } table { border-collapse:collapse; } #text { padding:20px; } Any help is appreciated. Thank you for your time! Hey; I'm trying to build this menu in a table. Each row has an image, which I'm using for a rollover. Altogether, the table should be 202 x 285 pix. The problem is, 5 pixels of blank space are being added under every image, (in the same row as the image), and I'm not sure why. Altogether, it's making my table 45 pix too large. Any help would be appreciated. HTML: <div id="menu"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td ><img alt="Home" src="images/regHome.jpeg" /></td></tr> <tr><td><img alt="Program Information" src="images/regInformation.jpeg" id="Image2" onmouseover="MM_swapImage('Image2','','images/rollOverInformation.jpeg',1)" onmouseout="MM_swapImgRestore()" /></td></tr> ...etc</table></div> CSS: #menu { margin: 0 auto; text-align: left; color: #000000; font-family:Arial; position:relative; float:left; font-size: 18px; top:144px; !top:140px; height:271px; !height:100px; _height:100px; width:202px; !width:10px; _width:10px; float:left; background-color:#00FF00; } Hi, I have a problem. some of my HTML text appears differently in the browsers. for e.g - I want my text to show normally like this - Hi My name is raj. BUT on the browser it is showing as Hi M Y na me is r aj. How do I get rid of the unwanted space. Pease help somebody and thanks in advance (",) Whenever I use mouseover images on top of one another (in a column for example), there is always a small gap in between them. Is there anyway to get rid of this space? Even when I put border and vspace to 0 and even omit using a <br>, that annoying gap appears! Any suggestions? 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! Hello, I'm having a problem with a form-style shopping cart button where some unwanted space appears to show up in IE, Safari, and Chrome. It doesn't show up in Firefox however. We're using a Paypal shopping cart system and I used the code they gave me. Any help would be appreciated. Thanks! Website address: http://sunglasseslounge.com/ code problem area: <td align="right" background="images/middlebar.gif"> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="encrypted" value="-----BEGIN PKCS7----- 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 ztcERVPE7TG7Iycw==-----END PKCS7-----"> <input type="image" src="images/cart.gif" border="0" width="75" height="30" name="submit" alt=""> </form> </td> As the title suggests my web page has some huge spaces between the text. I am using dreamweaver... I know some HTML im not by anymeans a master, but im not bad... anywhere here is my link http://www.jhaakfleetservices.com/EBC/Issues.htm You have to scroll wayyyyyyyyyy down past energy but Jobs is down there... hers my code HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Erik Bednarcik for City Council</title> <style type="text/css"> <!-- .style1 { font-size: 17mm; font-weight: bold; color: #0000FF; } .style4 {font-size: 17mm; font-weight: bold; color: #FF0000; } .style8 { font-size: 36px; font-weight: bold; font-style: italic; color: #FF0000; } --> </style> </head> <body> <center> <table width="1020" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="50" rowspan="10" valign="top"><p align="center" class="style4"><img src="Pictures/ERIK.png" width="50" height="440"></p></td> <td height="150" colspan="4" valign="center"><div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="150" align="middle"> <param name="movie" value="Pictures/Header.swf"> <param name=quality value=high> <embed src="Pictures/Header.swf" width="800" height="150" align="middle" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed> </object> </div></td> <td width="50" rowspan="10" valign="top"><p align="center" class="style1"><img src="Pictures/BEDNARCIK.png" width="50" height="700"></p></td> </tr> <tr> <td height="40" colspan="4" valign="middle"><div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="30"> <param name="movie" value="Pictures/Top%20Menu.swf"> <param name=quality value=high> <param name="wmode" value="transparent"> <embed src="Pictures/Top%20Menu.swf" width="800" height="30" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed> </object> </div></td> </tr> <tr> <td height="20" colspan="4" valign="bottom"><hr align="center" width="100%" size="2" noshade color="#FF0000"></td> </tr> <tr> <td width="160" rowspan="9" valign="top"><!--DWLayoutEmptyCell--> </td> <td width="15" rowspan="9" valign="top"><hr color="#FF0000" width="10%" size="10000"></td> <td height="362" colspan="2" valign="top"><div align="center"> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="35"> <param name="movie" value="Pictures/Scroller.swf"> <param name=quality value=high> <embed src="Pictures/Scroller.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="35"></embed> </object> </p> <p><span class="style8">Energy</span> <br> We are falling behind in the energy sector as Americans. I have,<br> in the past, been called unpatriotic for saying that on this issue America is a<br> backwards nation. We import more oil and other forms of energy than almost any other<br> nation on the planet, but the time will soon come when this changes. </p> <p> Throughout the country investment is growing in clean energy and energy jobs of the future.<br> Mentor has the ability to be at the forefront of this new movement. Mentor has an abundant<br> amount of renewable resources; wind, solar, and wave. </p> <p>In many fields companies are going belly-up. Green companies are the only ones that are<br> still springing up and they are expanding at record rates. </p> <p>We can make Mentor a green city on a blue lake, in this instance green will have two<br> meanings. We will bring money into our economy and we will bring high-paying,<br> stable jobs of the future to the shores of Mentor. </p> </div></td> </tr> <tr> <td height="50" colspan="2" valign="top"><div align="center" class="style8"> <hr width="100%" size="7" noshade color="#0000FF"> <hr width="100%" size="7" noshade color="#0000FF"> </div></td> </tr> <tr> <td width="911" height="303" valign="top"><div align="center"><span class="style8">Jobs </span><br> Unemployment is at 10.8 percent, families are losing their income, and nobody is addressing the problem. The labor market is growing, while employment opportunities are decreasing. In the last six months eight hundred and sixty-seven jobs have been lost, even more hours have been cut. . . <p>I could keep going on and on about the recession, but this campaign isn't about sulking and complaining about the economy. This campaign is about standing up and making a difference. </p> <p>We can produce jobs in a number of ways. One way is attracting companies to Mentor by providing tax incentives, using a grant program. Another way is specifically targeting energy production. Mentor has an abundant amount of renewable resources; waves, solar, and wind. We can produce energy at a local level and curb our dependence on foreign oil and other outdated, imported forms of energy. Investing in the future of energy will bring jobs to Mentor; installing, maintenance, and maybe even production. We need jobs of the future here in Mentor, if we want to be competitive in the future. </p> <p>If elected, I will be able to be that much closer to the ears of higher government. I will push cutting taxes for the people and small businesses that are hiring workers. I will push for more funding for our libraries, so that more positions can be filled. I will push for an educational program that allows students to go off to Lakeland, and other local colleges, to learn skills that they can bring back to Mentor.</p> <p>We need to adapt to a more progressive money-making economy. I hate to say it, but we're falling behind. It's about time we catch-up.</p> </div></td> <td width="4"> </td> </tr> <tr> <td height="50" colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF"> <hr width="100%" size="7" noshade color="#0000FF"></td> </tr> <tr> <td height="385"> </td> <td> </td> </tr> <tr> <td height="50" colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF"> <hr width="100%" size="7" noshade color="#0000FF"></td> </tr> <tr> <td height="128"> </td> <td> </td> </tr> <tr> <td height="122"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td height="50"> </td> <td colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF"> <hr width="100%" size="7" noshade color="#0000FF"></td> <td> </td> </tr> </table> </center> </body> </html> Please and Thank you. I hope this isnt beat down.. i did a qick search but im reaallyyy tired right now so please excuse my ignorance in this area Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Hey everyone, I was wondering how I can get rid of a scrollbar that only shows up in IE, when I embedded another webpage inside a webpage. I specified size and the other webpage is only a few lines of text so it doesn't need to scroll to see everything. I don't have this problem in FF. HTML Code: <object data=siteupdates.html width="100%" height="212"> </object> Thanks I'm quite new to HTML and have only just started using Div tags as oppose to large tables to produce websites, i only do this for fun and they don't go on the net. As for my problem, the div tag that contains the main content of the page has moved below the navigation bar and i want it to be sat to the right of it... Will you need the coding for the website? It looks like this.. Header Nav bar Main content Footer I want it to be like.. Header Nav bar | Main content Footer It had been like this, and i'm not sure why it changed.. Thanks in advance for any help. =] ~Josh. I inserted a SWF inside a table and it should fit perfectly. However, the table streches a bit and makes the background repeat for a couple of pixels which totally screws the layout. Here is my website: http://jlcq.uuuq.com/jl.html I'm talking about the two horizontal lines on each side of the banner. It looks like the SWF has some kind of margin. How can i delete it so it fits perfectly? If you have the time take a look at my code or download the site and find a way to modify the code so that it fits. Note that the problem also occurs if I insert an image in the same spot instead of a SWF. Thanks! This is my very first post on this forum, so please, be gentle with me. I write my websites in HTML code but recently I seem to have created an anomaly that I cannot get to the bottom of. If you pop over to this page: http://website.lineone.net/~barrybboor/tirol58.html you will see a very large space below the 'FULL RESULT' line and the start of the result table. According to the coding I have, there shouldn't be any such space but I can see no reason for it and cannot find a way to reduce it. Can anyone help a poor elderly novice, please? Hi guys, I would like to block visitors from certain websites and if possible display a message that my website is no longer available. Please help me with this. It's crucially important. Thanks in advance Hi there, I'm a bit of a noob to HTML, and I'm working on creating a site for my webcomic. The main portion of the layout has a simple table with a header and footer at the top and bottom rows. It's supposed to look like Instead it looks like The code for the table is this: Quote: <table align="center" cellpadding="0" cellspacing="0" border="0" width="725"> <tr> <td width="725" valign="bottom" border="0"> <img src="/images/header.png" width="725" height="33" /></td> </tr> <tr> <td width="725" bgcolor="0099CC" align="center"> <p>***todays_comics***<p>***first_day*** ***previous_day*** ***next_day*** ***last_day*** </td> <tr> <td width="725" valign="top" border="0"> <img src="/images/footer.png" width="725" height="33" /></td> </tr> </table> Whenever I put the code into an HTML test bed, it works fine, but for some reason refuses to work when I upload it to my FTP. It's driving me crazy. If you could help, I'd really appreciate it. Thanks. I've been writing all of my HTML in notepad since I started, and Id really like to keep it that way, but the browser seems to treat line breaks (in notepad) between elements as a space character in certain instances. For example, say I have HTML Code: <img1><img2> <img3> <img4> in the browser, that will render every image on the same line, but with a physical white space between img2, img3, and img 4 example: [1][2] [3] [4] in the past ive just sucked it up and put everything on the same line, but in larger projects that gets messy very quickly... any input that i'snt "use something better" is appreciated, thanks. Hey guys. I am in the middle of making a new Mod for vbulletin and I ran into a bit of a snag. If you go to www.chosen-wow.com/forumlist.php, you will see at the top that there is a "Raid Progression" table. In that table, you will see quite a few pictures with spaces between all of them. How do I make the space between each image in a row go away? In other words, what code am I missing from the table code below? Code: <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <thead> <tr> <td class="tcat" colspan="2">Chosen Raid Progression</td> </tr> </thead> <tbody> <tr> <td class="alt1" width="50%"> <center><div class="progress_title">Karazhan</div> <img src="progression_mod/kz_1_dead.jpg" width="53" height="71"> <img src="progression_mod/kz_2_dead.jpg" width="48" height="71"> <img src="progression_mod/kz_3_dead.jpg" width="48" height="71"> <img src="progression_mod/kz_4_dead.jpg" width="48" height="71"> <img src="progression_mod/kz_5_dead.jpg" width="47" height="71"> <img src="progression_mod/kz_6_dead.jpg" width="48" height="71"> <img src="progression_mod/kz_7_dead.jpg" width="47" height="71"> <img src="progression_mod/kz_8_dead.jpg" width="47" height="71"> <img src="progression_mod/kz_9_dead.jpg" width="62" height="71"> <div class="progress_title">Serpentshrine Cavern</div> <img src="progression_mod/ssc_1_alive.jpg" width="53" height="71"> <img src="progression_mod/ssc_2_alive.jpg" width="48" height="71"> <img src="progression_mod/ssc_3_alive.jpg" width="48" height="71"> <img src="progression_mod/ssc_4_alive.jpg" width="48" height="71"> <img src="progression_mod/ssc_5_alive.jpg" width="47" height="71"> <img src="progression_mod/ssc_6_alive.jpg" width="48" height="71"> <img src="progression_mod/ssc_7_bkg.jpg" width="47" height="71"> <img src="progression_mod/ssc_8_bkg.jpg" width="47" height="71"> <img src="progression_mod/ssc_9_bkg.jpg" width="62" height="71"> <div class="progress_title">Mount Hyjal</div> <img src="progression_mod/mh_1_alive.jpg" width="53" height="71"> <img src="progression_mod/mh_2_alive.jpg" width="48" height="71"> <img src="progression_mod/mh_3_alive.jpg" width="48" height="71"> <img src="progression_mod/mh_4_alive.jpg" width="48" height="71"> <img src="progression_mod/mh_5_alive.jpg" width="47" height="71"> <img src="progression_mod/mh_6_bkg.jpg" width="48" height="71"> <img src="progression_mod/mh_7_bkg.jpg" width="47" height="71"> <img src="progression_mod/mh_8_bkg.jpg" width="47" height="71"> <img src="progression_mod/mh_9_bkg.jpg" width="62" height="71"> </center> <td class="alt1" width="50%"> <center><div class="progress_title">Outdoor & World</div> <img src="progression_mod/wld_1_dead.jpg" width="53" height="71" border="0"> <img src="progression_mod/wld_2_dead.jpg" width="48" height="71" border="0"> <img src="progression_mod/wld_3_alive.jpg" width="48" height="71"> <img src="progression_mod/wld_4_alive.jpg" width="48" height="71"> <img src="progression_mod/wld_5_alive.jpg" width="47" height="71"> <img src="progression_mod/wld_6_bkg.jpg" width="48" height="71"> <img src="progression_mod/wld_7_bkg.jpg" width="47" height="71"> <img src="progression_mod/wld_8_bkg.jpg" width="47" height="71"> <img src="progression_mod/wld_9_bkg.jpg" width="62" height="71"> <div class="progress_title">Tempest Keep</div> <img src="progression_mod/tk_1_dead.jpg" width="53" height="71"> <img src="progression_mod/tk_2_alive.jpg" width="48" height="71"> <img src="progression_mod/tk_3_alive.jpg" width="48" height="71"> <img src="progression_mod/tk_4_alive.jpg" width="48" height="71"> <img src="progression_mod/tk_5_bkg.jpg" width="47" height="71"> <img src="progression_mod/tk_6_bkg.jpg" width="48" height="71"> <img src="progression_mod/tk_7_bkg.jpg" width="47" height="71"> <img src="progression_mod/tk_8_bkg.jpg" width="47" height="71"> <img src="progression_mod/tk_9_bkg.jpg" width="62" height="71"> <div class="progress_title">Black Temple</div> <img src="progression_mod/bt_1_alive.jpg" width="53" height="71"> <img src="progression_mod/bt_2_alive.jpg" width="48" height="71"> <img src="progression_mod/bt_3_alive.jpg" width="48" height="71"> <img src="progression_mod/bt_4_alive.jpg" width="48" height="71"> <img src="progression_mod/bt_5_alive.jpg" width="47" height="71"> <img src="progression_mod/bt_6_alive.jpg" width="48" height="71"> <img src="progression_mod/bt_7_alive.jpg" width="47" height="71"> <img src="progression_mod/bt_8_alive.jpg" width="47" height="71"> <img src="progression_mod/bt_9_alive.jpg" width="62" height="71"> </center> </td> </tr> </tbody> </table> Thanks in advance. www.artdied.com I've created this website using frames and am now getting lines appearing at the edges of the frames on the bottom and right side when the browser window is at certain sizes. I have no idea clue what's causing it or how to get rid of it. Any ideas? Much thanks! Hey guys I'm designing a website for my business and I have a quick question, i know i'm overlooking something so hopefully you can tell me what it is! Ok- underneath my header div is a div called neck. Between the header div and the neck div there is space.. I don't want any space between these two. There are no margins i have put in, so i am confused. Here is the code [html]<!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> <style type="text/css"> #container{ width:960px; } #header{ width:958px; height:200px; border:1px, solid, black; background-color:#CFF; } #neck{ width:960px; height:15px; } #body{ width:958px; border:1px, solid, black; height:600px; background-color:#CFF; } .center{ margin:auto; } </style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Welcome to Palmetto Gold and SIlver</title> </head> <body> <div id="container" class="center"> <div id="header"> </div> <div id="neck"> <p> Home - Contact </p> </div> </div> </body> </html> /HTML] I'm having a problem with the hover pseudo-class for my navigation bar links. Whenever I put the mouse over the link the link becomes bold. The problem is that when it's made bold it moves the other four items on the navigation bar about 10 pixles to the right or left. What's the best way to fix this problem so that the links can become bold and not move the surrounding links? Here is the code for that specific section. Thanks a lot! ( Is there a better way to make space than by using  ?) <head> <link rel="stylesheet" type="text/css" href="default.css"> <style> a:hover {font-weight: bold;} </style> </head> <body> <img src="images/title.jpg" /> <ul class="navigation"> <a href="index.htm">Home</a>   <a href="humor.htm">Humor</a>   <a href="family.htm">Family</a>   <a href="projects.htm">My Projects</a>   <a href="links.htm">My Links</a>   </ul> <hr /> --- here is the style sheet that goes with it. .navigation {text-align: center; } |