|
HTML - Space Between Consecutive Tables In Ie7
hi all,
i am a newbie and i have a problem eliminating white space that appears when i place two or more separate tables below each other in IE. This does not happen in FF or even Chrome. I want to use a spacer image to restrict the white space in between the tables. Example 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>Untitled Document</title> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <img src="spacer5x5.gif" alt="" width="5" height="5" /> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> </body> </html> I tried using the css and setting the margin and padding for the image to 0px. but it doesn't work. Please help. Thanks in advance. Archie Similar TutorialsHey everyone, I'm working on this page http://www.executivetravellink.com/flights-test.htm. I have included two seperate very basic tables that I don't want much space between, but as you can see on the page, something is going wrong and there is a huge gap in between the two tables. This only seems to happen in Internet Explorer as Firefox automatically fixes the problem. If anyone can figure out a solution for this issue, it would be much appreciated. Thanks in advance Here's the code of the two tables so you wouldn't have to check the source code of the entire page: HTML Code: <table style="width: 670px; border: #000000 0px solid;" border="0" cellpadding="2" align="center"> <tbody> <tr> <td style="text-align: center;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><img src="images/la-ny.jpg" alt="" width="166" height="124" /></a></td> <td style="text-align: center;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><img src="images/la-sf.jpg" alt="" width="166" height="124" /></a></td> <td style="text-align: center;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><img src="images/chi-ny.jpg" alt="" width="166" height="124" /></a></td> </tr> <tr> <td style="text-align: center;"><span style="text-decoration: underline;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c">Los Angeles to New York</a></strong></span></td> <td style="text-align: center;"> <strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c">Los Angeles to San Francisco</a></strong></td> <td style="text-align: center;"><span style="text-decoration: underline;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c">Chicago to New York</a></strong></span></td> </tr> <tr> <td style="text-align: center;"><strong>from <span style="color: #ff6600;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$184.40</span></a></span> one way </strong></td> <td style="text-align: center;"> <strong>from <span style="color: #ff6600;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$131.00</span></a></span> one way</strong></td> <td style="text-align: center;"><strong>from <span style="color: #ff6600;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$120.33</span></a></span> one way </strong></td> </tr> </tbody> </table> <table style="background-color: #ffffcc; width: 670px; border: #000000 2px solid;" border="2" cellspacing="2" cellpadding="2" align="center"> <tbody> <tr> <td colspan="5"><img src="images/cheap-flights-banner.jpg"></td> </tr> <tr> <td><span style="text-decoration: underline;"><strong>Departure</strong></span></td> <td><span style="text-decoration: underline;"><strong>Destination</strong></span></td> <td><span style="text-decoration: underline;"><strong>Travel Date</strong></span></td> <td><span style="text-decoration: underline;"><strong>Airline</strong></span></td> <td><span style="text-decoration: underline;"><strong>From</strong></span></td> </tr> <tr> <td><span style="color: #0000ff;"><strong>Los Angeles</strong></span></td> <td><strong><span style="color: #008080;">New York</span></strong></td> <td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td> <td><img src="images/jetblue-thumb.jpg"><br> <img src="images/us-airways-thumb.jpg"></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$184.40</span></a></strong></span></td> </tr> <tr> </tr> <tr> </tr><tr> </tr> <tr> </tr> <tr> <td><span style="color: #0000ff;"><strong>Los Angeles</strong></span></td> <td><strong><span style="color: #008080;">San Francisco</span></strong></td> <td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td> <td><img src="images/jetblue-thumb.jpg"></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$131.00</span></a></strong></span></td> </tr> <tr> </tr> <tr> </tr><tr> </tr> <tr> </tr> <tr> <td><span style="color: #0000ff;"><strong>Chicago</strong></span></td> <td><strong><span style="color: #008080;">New York</span></strong></td> <td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td> <td><img src="images/delta-thumb.jpg"></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$120.33</span></a></strong></span></td> </tr> <tr> </tr> <tr> </tr><tr> </tr> <tr> </tr> <tr> <td><span style="color: #0000ff;"><strong>Boston </strong></span></td> <td><strong><span style="color: #008080;">New York</span></strong></td> <td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td> <td><img src="images/jetblue-thumb.jpg"><br> <img src="images/delta-thumb.jpg"><br></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=BOS%7cJFK%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$128.63</span></a></strong></span></td> </tr> <tr> </tr> <tr> </tr><tr> </tr> <tr> </tr> <tr> <td><span style="color: #0000ff;"><strong>Miami</strong></span></td> <td><strong><span style="color: #008080;">New York</span></strong></td> <td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td> <td><img src="images/airtran-thumb.jpg"><br> <img src="images/us-airways-thumb.jpg"></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=FLL%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$128.66</span></a></strong></span></td> </tr> <tr> </tr> <tr> </tr><tr> </tr> <tr> </tr> <tr> <td><span style="color: #0000ff;"><strong>Atlanta</strong></span></td> <td><span style="color: #008080;"><strong>New York</strong></span></td> <td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td> <td><img src="images/us-airways-thumb.jpg"><br></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ATL%7cHPN%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$233.90</span></a></strong></span></td> </tr> <tr> </tr> <tr> </tr><tr> </tr> <tr> </tr> <tr> <td><strong><span style="color: #0000ff;">New York</span></strong></td> <td><strong><span style="color: #008080;">San Francisco</span></strong></td> <td><strong><span style="color: #993300;">November 3, 2011</span></strong></td> <td><img src="images/delta-thumb.jpg"><br> <img src="images/jetblue-thumb.jpg"></td> <td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=JFK%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$197.42</span></a></strong></span></td> </tr> </tbody> </table> I am trying to put to tables next to each other side by side. These two tables are actually inside cells of a third "outer" table. I keep getting a white space inbetween the tables. How do I get rid of it? Is this going to show up if I put the code in? HTML Code: <head>
<style type="text/css">
table.p
{
color:#000000;
background-color:#ffffff;
font-size: 100%;
padding:0px;
margin: 0;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
</style>
</head>
<table border="0" width="100%" height="82">
<tr>
<td width="50%" height="76">
<table class="p" border="0" width="100%">
<tr>
<td width="100%">table 1</td>
</tr>
</table>
</td>
<td width="50%" height="76">
<table class="p" border="0" width="100%">
<tr>
<td width="100%">table 2</td>
</tr>
</table>
</td>
</tr>
</table>
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" Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts 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 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? 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. 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. site validates.... I've gotten rid of this space a few times, but it always tends to come back... Im out of ideas of what it could be, and figured another set of eyes could help me out. http://rse.pzproductions.com Any help is greatly appreciated :-) Also... the space only shows up on the homepage....but! the RSE Poll is only lined up correctly on the homepage as well, on every other page its dropped down into the content section. Obviously I am having some issues here, and any help would be so appreciated at this point Hello, Im making my navigation bar with a mouse over effect on the buttons. however im getting "extra space" under the command. A blank page can be seen at saracrew.org/blank.html Any help is greatly appricated, Thanks! <!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> <title>SARAcrew.org</title> <link rel="stylesheet" type="text/css" href="general.css" /> </head> <body bgcolor="505769" leftmargin=0 topmargin=0> <table border="0" cellspacing="0" cellpadding="0" bgcolor="505769"> <tr><td colspan="4"> <table border=0 cellpadding=0 cellspacing=0> <tr> <td colspan="4"><img src= "images/banner1.jpg" alt="banner" /></td> </tr> <tr> <td><table border=0 cellpadding=0 cellspacing=0> <td><img src= "images/left_vbar_nav.gif" alt="vbar" /></td> <td> <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src= "images/nav_bar_1.gif" /></td></tr> <tr><td><a href=home.html><img src="images/home_off.gif" onmouseover="this.src='images/home_on.gif'" onmouseout="this.src='images/home_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_2.gif" /></td></tr> <tr><td><a href=news.html><img src="images/news_off.gif" onmouseover="this.src='images/news_on.gif'" onmouseout="this.src='images/news_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_3.gif" /></td></tr> <tr><td><a href=results.html><img src="images/results_off.gif" onmouseover="this.src='images/results_on.gif'" onmouseout="this.src='images/results_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_4.gif" /></td></tr> <tr><td><a href=board.html><img src="images/board_off.gif" onmouseover="this.src='images/board_on.gif'" onmouseout="this.src='images/board_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_5.gif" /></td></tr> <tr><td><a href=pictures.html><img src="images/pictures_off.gif" onmouseover="this.src='images/pictures_on.gif'" onmouseout="this.src='images/pictures_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_6.gif" /></td></tr> <tr><td><a href=orange_oar.html><img src="images/orange_oar_off.gif" onmouseover="this.src='images/orange_oar_on.gif'" onmouseout="this.src='images/orange_oar_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_7.gif" /></td></tr> <tr><td><a href=dues.html><img src="images/dues_off.gif" onmouseover="this.src='images/dues_on.gif'" onmouseout="this.src='images/dues_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_8.gif" /></td></tr> <tr><td><a href=info.html><img src="images/info_off.gif" onmouseover="this.src='images/info_on.gif'" onmouseout="this.src='images/info_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_9.gif" /></td></tr> <tr><td><a href=email.html><img src="images/email_off.gif" onmouseover="this.src='images/email_on.gif'" onmouseout="this.src='images/email_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_10.gif" /></td></tr> </table> </td> <td><img src= "images/right_vbar_nav.gif" alt="vbar" /></td> </table></td></tr> </table> </td> </tr> </table> </td></tr> </table> </body> </html> ....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 Please view http://www.sergemedia.net/wiltoncordrey2010/wood.html You will see space under top links. Above decorative border. Try other 2 links at top. The extra space is not there. I am looking for an extra line break in my code, but can't find it, or what is causing the extra space. I am testing on Safari. Will look on IE later. Thanks. Hey, I was working on some things and learning how to do some stuff on a template I was working with and there's a huge space to the right of the template that idk how to get rid of. Can anyone help me? http://www.teamafterglow.com/templates/index.php 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! I've attached a screenshot showing the way it displays in firefox and the code. How can I get the menu to move up so I don't have such a space? Thank you for your help and this is due in an hour! 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> <title>david2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#FFFFFF"> <!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag--> <!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** --> <script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="730";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script> <!-- ******** END ALLWEBMENUS CODE FOR menu ******** --> <!-- ImageReady Slices (david2.psd) --> <table id="Table_01" width="901" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="10"> <img id="david_01" src="images/david_01.jpg" width="901" height="41" alt="" /></td> </tr> <tr> <td colspan="7" rowspan="4"> <img id="david_02" src="images/david_02.jpg" width="791" height="110" alt="" /></td> <td> <img id="david_03" src="images/david_03.jpg" width="81" height="24" alt="" /></td> <td colspan="2" rowspan="2"> <img id="david_04" src="images/david_04.jpg" width="29" height="46" alt="" /></td> </tr> <tr> <td> <img id="david_05" src="images/david_05.jpg" width="81" height="22" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="david_06" src="images/david_06.jpg" width="82" height="23" alt="" /></td> <td rowspan="2"> <img id="david_07" src="images/david_07.jpg" width="28" height="64" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="david_08" src="images/david_08.jpg" width="82" height="41" alt="" /></td> </tr> <tr> <td><span id='awmAnchor-menu'> </span></td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="4"> <img id="david_15" src="images/david_15.jpg" width="206" height="38" alt="" /></td> </tr> <tr> <td colspan="10"> <img id="david_16" src="images/david_16.jpg" width="901" height="28" alt="" /></td> </tr> <tr> <td> <img src="images/spacer.gif" width="88" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="115" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="102" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="199" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="99" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="92" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="96" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="81" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="28" height="1" alt="" /></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Anders Hi, The following code works fine for me except it adds extra spaces on the top of the table. I have searched everywhere for answers in vain. Can anyone help me solve it. thanks in advance. We use Expression Engine Here is the code: <table bgcolor="#003399" border=".1" cellpadding="0" cellspacing="0" style="height: 73px;" width="715"> <tbody> <tr> <td style="TEXT-ALIGN: center;font-size:13pt;font-weight:bold;color:#ffffff"> <h1><img height="62" src="{filedir_6}CD.jpg" style="border: .1px solid Black; margin: .5px; float: left;" width="241" /></h1> <p>Client Advocacy</p> </td> </tr> </tbody> </table> Hi 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> |
|||||||