Help needed with Spacing

This is a discussion on "Help needed with Spacing" within the Web Page Design section. This forum, and the thread "Help needed with Spacing are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jun 12th, 2007, 14:00
hbb hbb is offline
New Member
Join Date: Jun 2007
Location: Manchester, England
Age: 20
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Help needed with Spacing

Hi there.

I'm not a web designer, but am rather eager. Got a website working really nicely in Internet Explorer. It was all going well until I tested in Firefox and Safari. I can't for the life of me make it look like it did in IE... I think it may be something to do with the spacing?!

Could somebody... anybody please help?!

Cheers
Ben



Below is the code:
Code: Select all
<html>
<head>
<title>National Youth Brass Band of Great Britain</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Fireworks 4.0  Dreamweaver 4.0 target.  Created Thu Aug 10 19:29:05 GMT+0100 (GMT Standard Time) 2006-->
<link rel="stylesheet" type="text/css"
href="boxmodelhack.css" />

</head>
<body background="http://www.webforumz.com/images/background.gif">

<div class="content" align="center">
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="800">
  <!--DWLayoutTable-->
  <!-- fwtable fwsrc="NYBB.png" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->

  <tr>    <td><img src="http://www.webforumz.com/images/spacer.gif" width="192" height="1" border="0"></td>    <td width="520"><img src="http://www.webforumz.com/images/spacer.gif" width="520" height="1" border="0"></td>    <td><img src="http://www.webforumz.com/images/spacer.gif" width="88" height="1" border="0"></td>    <td><img src="http://www.webforumz.com/images/spacer.gif" width="1" height="1" border="0"></td>  </tr>  <tr>    <td colspan="3"><img name="index_r1_c1" src="http://www.webforumz.com/images/index_r1_c1.gif" width="800" height="208" border="0"></td>    <td><img src="http://www.webforumz.com/images/spacer.gif" width="1" height="208" border="0"></td>  </tr>  <tr>    <td rowspan="2"><img src="http://www.webforumz.com/images/index_r2_c1.gif" name="index_r2_c1" width="192" height="392" border="0" usemap="#index_r2_c1Map"></td>    <td height="275" valign="top" bgcolor="#ffffff"><table width="100%" border="0" cellpadding="0" cellspacing="0">      <!--DWLayoutTable-->      <tr>        <td width="520" height="275" valign="top">        <iframe name="iframe1" src="home.html" align="top" height="275" width="520">        If you can see this, your browser does not support iframes! </iframe></td>      </tr>    </table></td>    <td rowspan="2"><img name="index_r2_c3" src="http://www.webforumz.com/images/index_r2_c3.gif" width="88" height="392" border="0"></td>    <td><img src="http://www.webforumz.com/images/spacer.gif" width="1" height="275" border="0"></td>  </tr>  <tr>    <td><img name="index_r3_c2" src="http://www.webforumz.com/images/index_r3_c2.gif" width="520" height="117" border="0"></td>    <td><img src="http://www.webforumz.com/images/spacer.gif" width="1" height="117" border="0"></td>  </tr></table></div><div class="content" align="center"></div><div class="content" align="center"></div><map name="index_r2_c1Map"><area shape="rect" coords="68,7,126,30" href="home.html" target="iframe1"><area shape="rect" coords="69,31,123,52" href="news.html" target="iframe1"><area shape="rect" coords="68,53,155,74" href="members.html" target="iframe1"><area shape="rect" coords="68,74,142,97" href="courses.html" target="iframe1"><area shape="rect" coords="68,97,151,118" href="auditions.html" target="iframe1"><area shape="rect" coords="68,122,138,140" href="policies.html" target="iframe1"><area shape="rect" coords="68,141,172,163" href="music_staff.html" target="iframe1"><area shape="rect" coords="67,164,173,186" href="house_staff.html" target="iframe1"><area shape="rect" coords="68,187,135,208" href="council.html" target="iframe1"><area shape="rect" coords="66,208,171,232" href="recordings.html" target="iframe1"><area shape="rect" coords="70,234,124,254" href="ncbb.html" target="iframe1"><area shape="rect" coords="69,254,140,277" href="contact.html" target="iframe1"></map></body></html>
Attached Images
File Type: jpg firefox.jpg (29.9 KB, 24 views)
File Type: jpg internet explorer.jpg (29.0 KB, 19 views)

Last edited by karinne; Jun 12th, 2007 at 14:01. Reason: Please use [code]...[/code] tags when displaying code!
Reply With Quote

  #2 (permalink)  
Old Jun 12th, 2007, 14:02
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

Do you have a link to this?
Reply With Quote
  #3 (permalink)  
Old Jun 12th, 2007, 14:17
hbb hbb is offline
New Member
Join Date: Jun 2007
Location: Manchester, England
Age: 20
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

Unfortunately I don't.
Reply With Quote
  #4 (permalink)  
Old Jun 12th, 2007, 14:23
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

It's hard to tell without a link as we can just copy the code to our machines ... we don't have the images.

And the fact that you used Fireworks to generate/slice your mock-up is bad enough. All the crappy code that it generates makes it really hard to sift through and see what's happening.
Reply With Quote
  #5 (permalink)  
Old Jun 12th, 2007, 14:24
hbb hbb is offline
New Member
Join Date: Jun 2007
Location: Manchester, England
Age: 20
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

I'll see what I can do!
Reply With Quote
  #6 (permalink)  
Old Jun 12th, 2007, 14:38
hbb hbb is offline
New Member
Join Date: Jun 2007
Location: Manchester, England
Age: 20
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

I know it's not the best hosting, but as I don't have access to the proper hosting as of yet then unfortunately geocities will have to do! However, you can see what I mean when you compare the site in IE to Firefox!

http://geocities.com/nationalyouthbrassband/


Cheers
Ben
Reply With Quote
  #7 (permalink)  
Old Jun 12th, 2007, 14:47
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

Change the size of your iframe to

Code: Select all
<iframe width="510" height="265" align="top" src="home.html" name="iframe1">
You had 520 and 275 as width and height ... I just reduced the numbers and it seems to work.

I have to tell you right now tho that looking at your site. If I were to do it in HTML with CSS, there would be only 3 images. No spacer gifs and alot more accessible. You might want to start looking into CSS for layouts. See my sig for resource link.
Reply With Quote
  #8 (permalink)  
Old Jun 12th, 2007, 14:57
hbb hbb is offline
New Member
Join Date: Jun 2007
Location: Manchester, England
Age: 20
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

Thanks! That's amazing... I don't know how I didn't spot that!

Re: CSS. I may look into that in the future, however I certainly don't have the confidence to look at things like that at the moment!

Thanks ever so much again!

Ben
Reply With Quote
  #9 (permalink)  
Old Jun 12th, 2007, 14:58
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

No problem.
Reply With Quote
  #10 (permalink)  
Old Jun 12th, 2007, 16:22
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Help needed with Spacing

She has xray eyes! Super hero - like! :superman:
Reply With Quote
Reply

Tags
firefox, frames, internet explorer, spacing

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Css Spacing Help! RZX Developer Web Page Design 5 Aug 13th, 2007 12:26
spacing issue in IE6 snooper Web Page Design 2 Jun 13th, 2007 16:16
Spacing paragraphs polkadot Starting Out 3 May 25th, 2007 12:48
div spacing johnnybravo Web Page Design 13 Sep 6th, 2006 12:06
Image Spacing! Help! djcee Web Page Design 6 Aug 9th, 2006 11:59


All times are GMT. The time now is 04:05.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43