Hey , am a bit of a novice at the website building game , but have done this in
dreamweaver :

looks ok when i preveiw in exporer and mozilla but once posted up on my live site it comes in with gaps ????


http://www.alpineexpeditions.co.nz/front-page-5.htm

any ideas anyone????

and i have made the text on the picture of the skiier part of the jpeg, how do i make it not part of the jpeg and clickable?????

Cheers

Traff.

its the white gaps that i am wanting gone by the way..

cheers and thanks for your help.

When I opened the page in Firefox I saw this message at the top of the page:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>

There is something wrong with the way Dreamweaver coded your page. Review the source and make sure all your tags are closed and you have the correct symbols in place.

Internet Explorer gave me gaps between your elements. I'd blame dreamweaver, but I really don't know what the problem is yet.

Upon further review I AM going to blame Dreamweaver. It put absolute values for the width on every single one of your table cells. I don't condone putting all of your content in tables, but if you want to debug this, remove as many of those widths as you can leaving maybe one at the top of each column, and an absolute table width, the rest of the content should take care of itself.

Sorry if this is no help.

P.S.
Don't forget your page title!

Not sure if this is the answer your looking for but anyway, there are a few ways to position u'r tables\layers in your web design.
The best way there is , is to position them by CSS, that way the design of u'r web will look the same in every browser.

Just remove this piece of code.
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
It is the first line of an ASP page. It doesn't belong on an html page.

as for the white space I presume at the top of the page. removing the above code
is going to take care of part of it. Add this code to either your head content of put
it in your css file if you are using one.

<style type="text/css">
<!--
body {margin: 0px;}
-->
</style>

okay... well i believe that the problem is that you have different widths in your table cells from row to row. like for example:

<table width="555" align="left" bgcolor="4497de">
        <tr>
          <td width="550"><img src="Images/Large_Snowboarder_Text_547-.jpg" width="547" height="547"></td>
        </tr>
      </table>

okay... so your table width is 555px, your table cell is only 550px and then your image is 547px. this is the kind of thing that causes a lot of problems with gaps between cells. It happens a lot of time when using a wysiwyg editor. I noticed that later on down the page you do it with the smaller tables too:

<table width="200" align="center" bgcolor="#CCCCCC">
            <tr>
              <td width="25" bgcolor="f70549"><div align="center"><span class="style14">+</span></div></td>
              <td width="163" bgcolor="#CCCCCC"><div align="left"><span class="style12">Workshop</span></div></td>
            </tr>
          </table>

I'm terrible at math... but i'm pretty sure 25+163 does not equal 200.
Hopefully that helps.

looks ok when i preveiw in exporer and mozilla but once posted up on my live site it comes in with gaps ????

when you preview using dreamweaver I always suggest actually opening the file instead of using the dreamweaver preview. Just open your browser and go to "file -> open ->" and then select your page.

and i have made the text on the picture of the skiier part of the jpeg, how do i make it not part of the jpeg and clickable?????

hmm... well if you made the picture using a graphics app, just take the text off it. You'll want to use the original as a bg and position the text over top of it. I suggest using css for this. If it is an image that you can't edit, you could either create an image map for that one area, or you can use your graphics app to cut out a rectangle around the text and slice the image then build a table for it.