Unsolvable table spacing problem

http://dsl.algebra.com/tmp/table-spacing.html

My problem is that I want the little images to "hug" the bottom of the
table. I do not want there to be any space between the images and the
bottom of the table. What am I missing?

(what I really want is to make a "tabbed" view, sort of like amazon
tabs). The references to images are pictures of individual tabs.

i
================================================== ====================
HTML:

<TABLE bgcolor="#f0f0f0" width=100% cellspacing=0 cellpadding=0 rules=0 border=2>
<TR>
<TD>
<A HREF=url0><IMG SRC=/cgi-bin/tab.mpl?text=Tab+0+UnSelected&selected=&spacing= BORDER=0></A>
&nbsp;
<IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+Selected&selected=1&spacing=5 BORDER=0>
&nbsp;
<A HREF=url2><IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+UnSelected&selected=&spacing= BORDER=0></A>
</TD>
</TR>
</TABLE>

On 16 Apr 2005, Ignoramus31693 wrote:

> http://dsl.algebra.com/tmp/table-spacing.html
>
> My problem is that I want the little images to "hug" the bottom of the
> table. I do not want there to be any space between the images and the
> bottom of the table. What am I missing?
>
> (what I really want is to make a "tabbed" view, sort of like amazon
> tabs). The references to images are pictures of individual tabs.
>
> i
> ================================================== ====================
> HTML:
>
> <TABLE bgcolor="#f0f0f0" width=100% cellspacing=0 cellpadding=0 rules=0 border=2>
> <TR>

Try adding a valign="bottom" attribute to the <TR> tag:

<TR valign="bottom">

> <TD>

or to the <TD> tag:

<TD valign="bottom">

> <A HREF=url0><IMG SRC=/cgi-bin/tab.mpl?text=Tab+0+UnSelected&selected=&spacing= BORDER=0></A>
> &nbsp;
> <IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+Selected&selected=1&spacing=5 BORDER=0>
> &nbsp;
> <A HREF=url2><IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+UnSelected&selected=&spacing= BORDER=0></A>
> </TD>
> </TR>
> </TABLE>

--
">> consider moving away from Front Page...."
">To what? Any suggestions?"
"Naked bungee-jumping. It's less humiliating <g>"
-- Matt Probert in alt.www.webmaster, March 20, 2005

On Sat, 16 Apr 2005, Norman L. DeForest wrote:

> On 16 Apr 2005, Ignoramus31693 wrote:
>
> > http://dsl.algebra.com/tmp/table-spacing.html
> >
> > My problem is that I want the little images to "hug" the bottom of the
> > table. I do not want there to be any space between the images and the
> > bottom of the table. What am I missing?
> >
> > (what I really want is to make a "tabbed" view, sort of like amazon
> > tabs). The references to images are pictures of individual tabs.
> >
> > i
> > ================================================== ====================
> > HTML:
> >
> > <TABLE bgcolor="#f0f0f0" width=100% cellspacing=0 cellpadding=0 rules=0 border=2>
> > <TR>
>
> Try adding a valign="bottom" attribute to the <TR> tag:
>
> <TR valign="bottom">
>
> > <TD>
>
> or to the <TD> tag:
>
> <TD valign="bottom">

If I am interpreting the HTML references I have correctly, either of the
above *should* have worked but I just checked and they don't work with
Firefox.

What *does* work is to specify a alignment style for each of the inline
images (quotes required by the HTML standards also added below):

>
> > <A HREF=url0><IMG SRC=/cgi-bin/tab.mpl?text=Tab+0+UnSelected&selected=&spacing= BORDER=0></A>

<A HREF=url0><IMG
SRC="/cgi-bin/tab.mpl?text=Tab+0+UnSelected&selected=&spacing="
BORDER=0 style="vertical-align:bottom"></A>

> > &nbsp;
> > <IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+Selected&selected=1&spacing=5 BORDER=0>

<IMG SRC="/cgi-bin/tab.mpl?text=Tab+1+Selected&selected=1&spacing=5"
BORDER=0 style="vertical-align:bottom">

> > &nbsp;
> > <A HREF=url2><IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+UnSelected&selected=&spacing= BORDER=0></A>

<A HREF=url2><IMG
SRC="/cgi-bin/tab.mpl?text=Tab+1+UnSelected&selected=&spacing="
BORDER=0 style="vertical-align:bottom"></A>

> > </TD>
> > </TR>
> > </TABLE>

--
A Speech Friendly site: http://www.chebucto.ns.ca/~af380/Profile.html
Norman De Forest, af380@chebucto.ns.ca --- From an actual package: "Do not
mix old and new batteries. Do not mix alkaline, standard (carbon-zinc) or
rechargeable (nickel-cadmium). Uses one 9-volt battery, not included."

Thanks. It did not work. I did however, redo this using text only tabs.
The links in tabs do not work yet, but you get the idea:

http://dsl.algebra.com/algebra/homew...gestyle=tabbed

This is an attemp to redesign my navigation, while still leaving the
site search engine friendly.

The way these ages are currently seen (and which I want to improve) is:

http://dsl.algebra.com/algebra/homew...e=disorganized

i

On Sat, 16 Apr 2005 0209 -0300, Norman L. DeForest <af380@chebucto.ns.ca> wrote:
>
> On 16 Apr 2005, Ignoramus31693 wrote:
>
>> http://dsl.algebra.com/tmp/table-spacing.html
>>
>> My problem is that I want the little images to "hug" the bottom of the
>> table. I do not want there to be any space between the images and the
>> bottom of the table. What am I missing?
>>
>> (what I really want is to make a "tabbed" view, sort of like amazon
>> tabs). The references to images are pictures of individual tabs.
>>
>> i
>> ================================================== ====================
>> HTML:
>>
>> <TABLE bgcolor="#f0f0f0" width=100% cellspacing=0 cellpadding=0 rules=0 border=2>
>> <TR>
>
> Try adding a valign="bottom" attribute to the <TR> tag:
>
> <TR valign="bottom">
>
>> <TD>
>
> or to the <TD> tag:
>
> <TD valign="bottom">
>
>> <A HREF=url0><IMG SRC=/cgi-bin/tab.mpl?text=Tab+0+UnSelected&selected=&spacing= BORDER=0></A>
>> &nbsp;
>> <IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+Selected&selected=1&spacing=5 BORDER=0>
>> &nbsp;
>> <A HREF=url2><IMG SRC=/cgi-bin/tab.mpl?text=Tab+1+UnSelected&selected=&spacing= BORDER=0></A>
>> </TD>
>> </TR>
>> </TABLE>
>


--

On 16 Apr 2005, Ignoramus31693 wrote:

> Thanks. It did not work. [...]

Perhaps my correction to that post didn't make it to your newsserver.

Reading the HTML documentation I have certainly gave me the impression
that that would work but I was logged in to my text account with a
DOS-based terminal emulator at the time and could access the
documentation but any more lengthy tests were likely to get me dumped
off the net for having an idle session. After logging off, I made some
tests with Firefox and found that that did *not* work. What *did* work
was adding this attribute to each of the images:

style="vertical-align:bottom"

I tacked it on right after the BORDER=0 (with a space between them)
and right before the '>'.

You also need to put quotes around the URLs for the images. They contain
non-alphanumeric characters which should always be quoted.

--
">> consider moving away from Front Page...."
">To what? Any suggestions?"
"Naked bungee-jumping. It's less humiliating <g>"
-- Matt Probert in alt.www.webmaster, March 20, 2005