Why Does embedding a YouTube Video create extra space on my web page?

Hello and thank you in advance for any assistance on this issue.

I am a novice website publisher. I have been teaching myself Dreamweaver 8 and Photoshop CS2 over the last few years and have convinced several folks to allow me to build their website for them.

I recently embedded a YouTube video into the homepage of the website and found that it created a space at the bottom of all pages about the same height as the embedded video. Even though I have 5 templates for the different pages I find that all pages on the website now have this same amount of extra space at the bottom. I had built the pages to be only as long as the longest content of the page.

I decided to rebuild the homepage and as soon as I embed the HTML into the page the extra space immediately appears at the bottom of the page.

So with this long winded introduction here is my question. Is there anyway to eliminate this extra space on the bottom of the pages and still retain the embedded YouTube Video.

Here is the website http://coffeeandteaexpress.com/index.html

It sound slike an error with your software, and not something I can troubleshoot because I do programming by hand and not with a tool like dreamweaver.

but yes, it is very possible to embed a video and not have erroneous whitespace be created.

You will have to open your HTML code in a text editor and do a small fix.

Find this section (towards the bottom)...

Code:

---

  <tr>
    <td bgcolor="#ffffff" valign="top" height="702"><h4 align="center"><span class="gcc">Coffee and Tea Express is a Proud Member of</span><br>
      <a href="http://www.glendaleazchamber.org/"><img src="images/gif/glendale_coc_logo.gif" alt="Glendale Arizona Chamber of Commerce Logo, Logo links to GCC website" align="absmiddle" width="123" border="0" height="73"></a></h4></td>

  </tr>

---

and replace it with this...

Code:

---

  <tr>
    <td bgcolor="#ffffff" valign="top"><h4 align="center"><span class="gcc">Coffee and Tea Express is a Proud Member of</span><br>
      <a href="http://www.glendaleazchamber.org/"><img src="images/gif/glendale_coc_logo.gif" alt="Glendale Arizona Chamber of Commerce Logo, Logo links to GCC website" align="absmiddle" width="123" border="0" height="73"></a></h4></td>

  </tr>

---

Basically, you removed the part that specified the height of your table cell to be 702. This part.

HTML Code:

---

height="702"

---

I think that should do it (and I don't see how it had anything to do with the YouTube video).

Let us know if it worked.

you can make the layout