Forums | MacLife

Ellipsoid · 2003-08-03 4:31 pm

My full site (very much in progress, yes...) is here in the BandSite folder.

I will preface this: I am a fledgeling HTML coder, I am probably in over my head, but this has to be done, and I've been elected.

The issue is this: I want a button bar like I see at the top of apple.com. 'Got all the images made, same size, all that, but I can't for the life of me get them to stick together. So I go over and borrow some code from Apple's source, and it still doesn't work. The end result is I've got big old gaps with little underscores under them between the images. Apple's layout is virtually the same, they do not have this issue. What am I doing wrong?

In case it's a quick fix:

Code:

&lt;!-- ============== NavBar Table ============== --&gt;
    &lt;center&gt;
    &lt;table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
        &lt;tr&gt;
            &lt;td width=&quot;49%&quot; valign=&quot;top&quot; background=&quot;stdPics/barsliver.jpg&quot; border=&quot;0&quot;&gt;  &lt;img src=&quot;stdPics/barsliver.jpg&quot; width=&quot;4&quot; height=&quot;28&quot; border=&quot;0&quot; align=right&gt;  &lt;/td&gt;
            &lt;td width=&quot;2%&quot; valign=&quot;top&quot; align=&quot;center&quot;&gt;
                &lt;table width=&quot;608&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
                    &lt;tr valign=&quot;top&quot; align=&quot;center&quot;&gt;
                        &lt;td width=&quot;608&quot;&gt;
                                        &lt;img src=&quot;stdPics/button1.jpg&quot; alt=&quot;LFHS Band Home Page&quot; width=&quot;53&quot; height=&quot;28&quot; border=&quot;0&quot;&gt;
    &lt;a href=windensemble/weindex.html&gt;  &lt;img src=&quot;stdPics/button2.jpg&quot; alt=&quot;Information about Wind Ensemble&quot; width=&quot;119&quot; height=&quot;28&quot; border=&quot;0&quot;&gt;    &lt;/a&gt;
    &lt;a href=symphonic/sbindex.html&gt;        &lt;img src=stdPics/button3.jpg alt=&quot;Information about Symphonic Band&quot; width=130 height=28 border=&quot;0&quot;&gt;    &lt;/a&gt;
    &lt;a href=marching/mbindex.html&gt;        &lt;img src=stdPics/button4.jpg alt=&quot;Information about Marching Band&quot; width=117 height=28 border=&quot;0&quot;&gt;    &lt;/a&gt;
    &lt;a href=theory/mtindex.html&gt;        &lt;img src=stdPics/button5.jpg alt=&quot;Music Theory Portfolios&quot; width=106 height=28 border=&quot;0&quot;&gt;    &lt;/a&gt;
    &lt;!-- No Link Yet --&gt;                &lt;img src=stdPics/button6.jpg alt=&quot;Alumni Section TBA&quot; width=64 height=28 border=&quot;0&quot;&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;td valign=top width=49% background=stdPics/barsliver.jpg&gt;  &lt;img src=&quot;stdPics/barsliver.jpg&quot; width=&quot;4&quot; height=&quot;28&quot; border=&quot;0&quot; align=left&gt;  &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/center&gt;

Thoughts? Help?
I'm at the edge of my wits (not so frightening, but yeah) with this.

Short Circuit · 2003-08-03 4:58 pm

Just put the images inside a table. That is what Apple does, you can see it by the <tb> tags.
Its a table with the border and cell space set to zero (or unset, rather)

W

Ellipsoid · 2003-08-03 5:20 pm

Well, actually, tables is what I did.

But I fixed it! Thanks anyhow, everybody.

Now to figure out exactly what was the key...

Fracai · 2003-08-03 8:35 pm

did you get with of extra whitespace like line returns, spaces, and tabs?

that or adding cellpadding="0" and cellspacing="0" to the table and/or images?

either of those?

Forums | MacLife

#1 2003-08-03 4:31 pm

How to remove space between images?

Code:

#2 2003-08-03 4:58 pm

Re: How to remove space between images?

#3 2003-08-03 5:20 pm

Re: How to remove space between images?

#4 2003-08-03 8:35 pm

Re: How to remove space between images?

Board footer