I'm building a website for a couple of my Dad's stores. I have the basic design finished minus one integral part -- the navigation bar. You can see the website at http://www.omega6.net/madflame/index.html.

I need for all of the tabs to be touching the bottom of the top part of the navigation bar (you will see once you look at the site); and when you roll-over the tabs they should drop down without pushing down the rest of the page.

Each tab is in its own cell. I've tried adding another 1x1 table directly below the image and setting its height to 100%, but when I do this the navigation bar still doesn't work correctly. You can see what I'm talking about at http://www.omega6.net/madflame/index2.html.

I'm using Dreamweaver 8 to build the site.

Any suggestions are appreciated! Also, any feedback on the site wouldn't hurt .

It appears to be a screw-up in your Javascript; you'd be better off dumping the Javascript and using CSS -- far easier and faster to control such items.

I'm not writing anything myself, this is all Dreamweaver... I'm just putting together the images and such with the options it gives me. How do I get around that? I wouldn't know what to do/how to switch to CSS using Dreamweaver.

It looks to me like your image swaps are different heights, but still vertically centered?

Your table asks for 28 pixels, then you place a 18px high image there for the default which goes to the middle ... try "valign=top" on those <td>.

Not sure if that's the best solution, but I'm pretty sure it's the problem.

Whoops. I just looked at this again and that ought to push the image up. But,I think you want to remake the first image(s) the same height with the text centered, so you get the effect you're looking for.

I suggest finding a CSS article and using CSS to code your websites. It will be much easier and you can use rollovers for it and it would work perfectly. If you went to the CSS forums you could get help there but CSS is easy to learn so shouldn't be much of a problem.