HTML - Xml - Understanding The Tree??

First, forgive me i'm a noob!

Am attempting to rebuild our sorry website. Am kinda picking the whole html thing up, however, am building in frontpage and expressions because those are the programs i have.

page i'm working on is: ygcc.org/testing

i embedded a video, but would like to position it to line up w/ everything else. i like how it looks centered, but its not aligned correctly w/ the other objects on the page. also, everything else is "positioned" on the page, whereas the media is "aligned" so, it doesn't stay put if i resize my browser

next problem i'm having is jump menu or tree menu. i want a drop boxes, such as are on the page, however, would like it if it was a horizontal menu, not individual boxes like they are. right now, the drop boxes are only drop boxes (for "forms") and do not hyperlink.

if i "insert jumpmenu" then, i cannot put them beside each other in a row. if i attempt to put them in a row, they are like steps, not straight across.

i d/led a program to help w/ menus, but i don't even understand it. when i attempted what it told me to do, i do not get a menu. i know i need to put javascript in, but apparently do not understand this enough to actually do it.

in short i would truly appreciate some help. thanks in advance

Hello all! I'm in the process of doing a redesign for a client of mine. I've already created all the html pages and everything is working fine. My client currently uses a web based application so their clients can log on and order things. But when I link to their web based app it takes them away from their new site im creating. So now they tell me they dont want their customers to leave their site when they order things. I know this can be done with frames. The only problem is can it be done only with this one ordering page only? Also, the ordering page i've created contains a flash nav and a flash banner. Does anybody out there know how I can do this or if it's even possible?

Could someone help me with my table structure. I have a horizontal gap or space between my header table row and the rest of the table. Also, I'm not having any luck adjusting the widths of the table colums. I've tried setting them in the stylesheet with not luck. The same with the alignment, no luck getting center alignment for the table within the page.

I did get the table center aligned by creating another style for my bicycle_table div tage and then doing text-algin: center. It doesn't work in FireFox though.

Could someone give me some pointers with this?




HTML Code:

<div id="bicycle_table">
<table class="bicycle" border="1">
<!-- <table id="bikeTable" width="700" border="1" align="center" summary="This table contains criteria to use when deciding on the type of bike."> -->
<caption style="font-family:'Trebuchet MS'; font-size:16 pt; font-weight:bold; color:#C00" background:#CCCCCC >Choosing A Bike</caption>
  <tr>
  <colgroup align="center">
  <col class="BikeType"/>
  <col class="Basics"/>
  <col class="Terrain"/>
  </colgroup>
  
  <thead>
  <tr>
     <th bgcolor="#FFFFFF">Bike Type</span></th>
	 <th bgcolor="#FFFFFF">Basics</span></th>
	 <th bgcolor="#FFFFFF">Terrain</span></th>
	</tr>
</thead>	 
  
  <tr>
    <th bgcolor="#CCCCCC">Mountain</span></th>
    <td bgcolor="#CCCCCC" class="paragraph_text">wider tires, heavier frame</span></td>
    <td bgcolor="#CCCCCC" class="paragraph_text">off road, wilderness</span></td>
  </tr>
  <tr>
    <th bgcolor="#FFFFFF">Road</span></th>
    <td bgcolor="#FFFFFF" class="paragraph_text">thinner tires, light weight</span></td>
    <td bgcolor="#FFFFFF" class="paragraph_text">paved roads &amp; trails</span></td>
  </tr>
  <tr>
    <th bgcolor="#CCCCCC">Hybrid</span></th>
    <td bgcolor="#CCCCCC" class="paragraph_text">everything in between</span></td>
    <td bgcolor="#CCCCCC" class="paragraph_text">both paved &amp; off road</span></td>
  </tr>
  <tr>
    <th bgcolor="#FFFFFF">Recumbent</span></th>
    <td bgcolor="#FFFFFF" class="paragraph_text">lean back in seat; legs elevated</span></td>
    <td bgcolor="#FFFFFF" class="paragraph_text">both paved &amp; off road</span></td>
  </tr>
</table>
</div>

#entire_page #container #bicycle_table {
text_algin: center;
}

table.bicyle {align: center}
table.bicycle col.BikeType {width:20%}
table.bicycle col.Basics {width:45%}
table.bicycle col.Terrain {width:35}
table.bicycle {border: 5px outset solid red; font-family: arial; border-collapse:collapse}
table.bicycle tr th {height: 10px; text-align: center; color: #C00}
table.bicycle tr td {text-align: center; color: #C00}
table.bicycle td {}
table.bicycle thead {}
table.bicycle tr {height: 10px}
}[/html]