Spacing and center alignement problems

[Crossfire]

Hi, I am currently working on a new design layout for the Hockey club that I play for and are running into some small problems. The old layout that I was using was all HTML with the odd script here and there, as I have only learn HTML and very little of JavaScript.

As my time is limited to get the new layout up and running, (approximately 2-3 weeks from now) I decided to use Dreamweaver 8 to get some up quickly. I use one of their templates and made the necessary change to add my club logo and an image of the clubrooms. I didn't have time to make a nav bar from scratch, so I made one using Sothink 7 and integrated into the webpage.

Now where I am have problems is making small adjustment to the spacing between image and the centre alignment of the larger logo. The other problem is where I am testing my page, http://www.adam.com.au/underwoodcp/WHC%20Test/Home.html
the page is fine in IE but not in Firefox there seems to be 5px border around the page which I don't want. I have limited knowledge of CSS's and JavaScipt and need help to fix it.

Also I am unsure how fix this page so won't look in different on different screen resolutions.

Any help with these problems or other ideas would be very much appreciated.

Cheers,

Heath

WHC Webmaster

[karinne]

This is the review section! If you have specific problems with the site, I urge to ask them in the appropriate forum.

BTW ... loose the Java menu ... it froze my browser and had to restart it!

[Crossfire]

So where would be appropriated, as I am new to site I have NFI. I don't have the time to view all the forums.

[BGarner]

Well it's now in the HTML forum with the critique box. lol. Good one Karinne. Admin will sort it out.

You really need to use CSS. If you can, put this in your css...

Code: Select all

* {
  margin: 0;
  padding: 0;
}

[pa007]

Yeah the javascript is a little excessive take a look at something like this if you want drop down menu's. It's simple, unobtrusive and very accessible. It also shouldn't take long to implement.

Though being honest, I actually prefer the original design (if i had to pick between them) as long as the frames and js menu were dumped. Try putting in some columns and the like to break up the content. Looks very plain at the minute.

With regard to the image positioning problem, if your site was done with css then you'd be able to position the different elements more easily. You've got 2 or 3 weeks? I think that's enough time to learn how to put a nice css, tableless site together. It'll be a lot easier to do stuff that way. More control.

And please get rid of the js menu's.

Pete.

[Lchad]

Add this to your body tag in the head area

Code: Select all

body {margin 0 0 }

Your large logo is centered according to the way you have it now. However, you've got an extra cell that's throwing things off.

Look for this

Code: Select all

<td colspan="3" id="dateformat" height="20"><span class="style3">&nbsp;&nbsp;::&nbsp;&nbsp;<script language="javascript">
      document.write(TODAY);	</script>	</td></span>

delete the </span> That will open up the design and make it look more centered.

[karinne]

Originally Posted by BGarner

Well it's now in the HTML forum with the critique box. lol. Good one Karinne. Admin will sort it out.

you like that one don't you Yeah. ... I boo-boo'ed big time on this one! Ah well!