Row Height

Using ASP.net 1.1

I have sliced an image in Photoshop, saved it as html code, pasted the code 
into my asp.net file, then added onmouseover and onmouse out code.
All the slices line up horizontally perfectly.  Some of the slices line up 
vertically perfectly.  But some have too much space between the rows.  I can 
change the row height to INCREASE the space, but cannot decrease the space.

Here is sample code.

Any ideas??  Can anybody find something I'm missing??

<TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<tr>

<td>

<IMG SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_01.jpg" 
WIDTH=120 HEIGHT=15 ALT="">

</td>

</tr>

<tr>

<td><A 
onmouseover="document.about.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Green_02.jpg'"

onmouseout="document.about.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_red_02.jpg'"

href="../about.htm">

<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_02.jpg" 
name = about WIDTH=120 HEIGHT=46 border="0" ALT=""></TD></A>

</tr>

<tr>

<td>

<A 
onmouseover="document.products.src='http://www.xxxxx.com/images/menu/pictures_aspx/sidebar_Green_03.jpg'"

onmouseout="document.products.src='http://www.xxxxx.com/images/menu/pictures_aspx/sidebar_Red_03.jpg'"

href="../products.htm">

<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_03.jpg" 
WIDTH=120 HEIGHT=44 border="0" ALT="" name=products>

</td></tr>

<tr><td>

<A 
onmouseover="document.distribution.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_04.jpg'"

onmouseout="document.distribution.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_04.jpg'"

href="../distribution.htm">

<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_04.jpg" 
name = distribution WIDTH=120 HEIGHT=50 ALT="" border="0">

</td></tr>

<tr><td>

<A 
onmouseover="document.testimonials.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_05.jpg'"

onmouseout="document.testimonials.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_05.jpg'"

href="../testimonials.htm">

<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_05.jpg" 
WIDTH=120 HEIGHT=43 ALT="" name=testimonials border="0">

</td></tr>

<tr><td>

<A 
onmouseover="document.news.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_06.jpg'"

onmouseout="document.news.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_06.jpg'"

href="../news.htm">

<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_06.jpg" 
name = news WIDTH=120 HEIGHT=39 ALT=""border = "0">

</td></tr>

<tr><td>

<A 
onmouseover="document.contact.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_07.jpg'"

onmouseout="document.contact.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_07.jpg'"

href="../contact.htm">



<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_07.jpg" 
name= contact WIDTH=120 HEIGHT=45 ALT=""border="0">

</td></tr>

<tr><td>

<A 
onmouseover="document.employment.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Green_08.jpg'"

onmouseout="document.employment.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_red_08.jpg'"

href="../employment.htm">

<IMG SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_08.jpg" 
name = employment WIDTH=120 HEIGHT="42" ALT="" border="0"></TD>

</tr>

<tr><td>

<A 
onmouseover="document.home.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_09.jpg'"

onmouseout="document.home.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_red_09.jpg'"

href="../home.htm">



<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_09.jpg" 
name = home WIDTH=120 HEIGHT=56 ALT="" border="0">

</td> </tr>

</TABLE>

Date:Tue, 7 Aug 2007 21:32:05 -0400 Author:

Re: Row Height

Your images have differing height attributes within the same rows.

-- 
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:
http://www.miradyne.net

"dancer"  wrote in message 
news:OHSSvvV2HHA.2752@TK2MSFTNGP06.phx.gbl...

> Using ASP.net 1.1
>
> I have sliced an image in Photoshop, saved it as html code, pasted the 
> code into my asp.net file, then added onmouseover and onmouse out code.
> All the slices line up horizontally perfectly.  Some of the slices line up 
> vertically perfectly.  But some have too much space between the rows.  I 
> can change the row height to INCREASE the space, but cannot decrease the 
> space.
>
> Here is sample code.
>
> Any ideas??  Can anybody find something I'm missing??
>
> <TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0>
>
> <tr>
>
> <td>
>
> <IMG 
> SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_01.jpg" 
> WIDTH=120 HEIGHT=15 ALT="">
>
> </td>
>
> </tr>
>
> <tr>
>
> <td><A 
> onmouseover="document.about.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Green_02.jpg'"
>
> onmouseout="document.about.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_red_02.jpg'"
>
> href="../about.htm">
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_02.jpg" 
> name = about WIDTH=120 HEIGHT=46 border="0" ALT=""></TD></A>
>
> </tr>
>
> <tr>
>
> <td>
>
> <A 
> onmouseover="document.products.src='http://www.xxxxx.com/images/menu/pictures_aspx/sidebar_Green_03.jpg'"
>
> onmouseout="document.products.src='http://www.xxxxx.com/images/menu/pictures_aspx/sidebar_Red_03.jpg'"
>
> href="../products.htm">
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_03.jpg" 
> WIDTH=120 HEIGHT=44 border="0" ALT="" name=products>
>
> </td></tr>
>
> <tr><td>
>
> <A 
> onmouseover="document.distribution.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_04.jpg'"
>
> onmouseout="document.distribution.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_04.jpg'"
>
> href="../distribution.htm">
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_04.jpg" 
> name = distribution WIDTH=120 HEIGHT=50 ALT="" border="0">
>
> </td></tr>
>
> <tr><td>
>
> <A 
> onmouseover="document.testimonials.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_05.jpg'"
>
> onmouseout="document.testimonials.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_05.jpg'"
>
> href="../testimonials.htm">
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_05.jpg" 
> WIDTH=120 HEIGHT=43 ALT="" name=testimonials border="0">
>
> </td></tr>
>
> <tr><td>
>
> <A 
> onmouseover="document.news.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_06.jpg'"
>
> onmouseout="document.news.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_06.jpg'"
>
> href="../news.htm">
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_06.jpg" 
> name = news WIDTH=120 HEIGHT=39 ALT=""border = "0">
>
> </td></tr>
>
> <tr><td>
>
> <A 
> onmouseover="document.contact.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_07.jpg'"
>
> onmouseout="document.contact.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_07.jpg'"
>
> href="../contact.htm">
>
>
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_07.jpg" 
> name= contact WIDTH=120 HEIGHT=45 ALT=""border="0">
>
> </td></tr>
>
> <tr><td>
>
> <A 
> onmouseover="document.employment.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Green_08.jpg'"
>
> onmouseout="document.employment.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_red_08.jpg'"
>
> href="../employment.htm">
>
> <IMG 
> SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_08.jpg" 
> name = employment WIDTH=120 HEIGHT="42" ALT="" border="0"></TD>
>
> </tr>
>
> <tr><td>
>
> <A 
> onmouseover="document.home.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_09.jpg'"
>
> onmouseout="document.home.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_red_09.jpg'"
>
> href="../home.htm">
>
>
>
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_09.jpg" 
> name = home WIDTH=120 HEIGHT=56 ALT="" border="0">
>
> </td> </tr>
>
> </TABLE>
>
>

Date:Wed, 8 Aug 2007 07:13:49 -0400 Author:

Re: Row Height

"dancer"  wrote in message 
news:OHSSvvV2HHA.2752@TK2MSFTNGP06.phx.gbl...


> Any ideas??  Can anybody find something I'm missing??

> HEIGHT=15
> HEIGHT=46
> HEIGHT=44
> HEIGHT=50
> HEIGHT=43
> HEIGHT=39
> HEIGHT=45
> HEIGHT="42"
> HEIGHT=56


The row height will default to the height of the tallest image - you can 
make it larger than that, but not smaller...


-- 
Mark Rae
ASP.NET MVP
http://www.markrae.net

Date:Wed, 8 Aug 2007 13:42:55 +0100 Author:

Re: Row Height

Each image is in a *different* row.  Does *every* row default to the largest 
image height?

Thank you.


"Mark Rae [MVP]"  wrote in message 
news:eMMCfmb2HHA.5360@TK2MSFTNGP03.phx.gbl...

> "dancer"  wrote in message 
> news:OHSSvvV2HHA.2752@TK2MSFTNGP06.phx.gbl...
>
>> Any ideas??  Can anybody find something I'm missing??
>
>> HEIGHT=15
>> HEIGHT=46
>> HEIGHT=44
>> HEIGHT=50
>> HEIGHT=43
>> HEIGHT=39
>> HEIGHT=45
>> HEIGHT="42"
>> HEIGHT=56
>
> The row height will default to the height of the tallest image - you can 
> make it larger than that, but not smaller...
>
>
> -- 
> Mark Rae
> ASP.NET MVP
> http://www.markrae.net

Date:Wed, 8 Aug 2007 08:57:06 -0400 Author:

Re: Row Height

dancer wrote:

>  Using ASP.net 1.1
> 
> I have sliced an image in Photoshop, saved it as html code, pasted the code 
> into my asp.net file, then added onmouseover and onmouse out code.
> All the slices line up horizontally perfectly.  Some of the slices line up 
> vertically perfectly.  But some have too much space between the rows.  I can 
> change the row height to INCREASE the space, but cannot decrease the space.


What doctype are you using?


> Here is sample code.
> 
> Any ideas??  Can anybody find something I'm missing??


I found eight errors in the code. See below.


> <TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0>
> 
> <tr>
> 
> <td>
> 
> <IMG SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_01.jpg" 
> WIDTH=120 HEIGHT=15 ALT="">
> 
> </td>
> 
> </tr>
> 
> <tr>
> 
> <td><A 
> onmouseover="document.about.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Green_02.jpg'"
> 
> onmouseout="document.about.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_red_02.jpg'"
> 
> href="../about.htm">
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_02.jpg" 
> name = about WIDTH=120 HEIGHT=46 border="0" ALT=""></TD></A>


You have placed the closing tag of the link outside the table cell.


> </tr>
> 
> <tr>
> 
> <td>
> 
> <A 
> onmouseover="document.products.src='http://www.xxxxx.com/images/menu/pictures_aspx/sidebar_Green_03.jpg'"
> 
> onmouseout="document.products.src='http://www.xxxxx.com/images/menu/pictures_aspx/sidebar_Red_03.jpg'"
> 
> href="../products.htm">
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_03.jpg" 
> WIDTH=120 HEIGHT=44 border="0" ALT="" name=products>
> 
> </td></tr>


You have completely forgotten to close the link.


> <tr><td>
> 
> <A 
> onmouseover="document.distribution.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_04.jpg'"
> 
> onmouseout="document.distribution.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_04.jpg'"
> 
> href="../distribution.htm">
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_04.jpg" 
> name = distribution WIDTH=120 HEIGHT=50 ALT="" border="0">
> 
> </td></tr>


There too.


> <tr><td>
> 
> <A 
> onmouseover="document.testimonials.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_05.jpg'"
> 
> onmouseout="document.testimonials.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_05.jpg'"
> 
> href="../testimonials.htm">
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_05.jpg" 
> WIDTH=120 HEIGHT=43 ALT="" name=testimonials border="0">
> 
> </td></tr>


There too.


> <tr><td>
> 
> <A 
> onmouseover="document.news.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_06.jpg'"
> 
> onmouseout="document.news.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_06.jpg'"
> 
> href="../news.htm">
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_06.jpg" 
> name = news WIDTH=120 HEIGHT=39 ALT=""border = "0">
> 
> </td></tr>


There too.


> <tr><td>
> 
> <A 
> onmouseover="document.contact.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_07.jpg'"
> 
> onmouseout="document.contact.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_07.jpg'"
> 
> href="../contact.htm">
> 
> 
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_07.jpg" 
> name= contact WIDTH=120 HEIGHT=45 ALT=""border="0">
> 
> </td></tr>


There too.


> <tr><td>
> 
> <A 
> onmouseover="document.employment.src='http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Green_08.jpg'"
> 
> onmouseout="document.employment.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_red_08.jpg'"
> 
> href="../employment.htm">
> 
> <IMG SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_08.jpg" 
> name = employment WIDTH=120 HEIGHT="42" ALT="" border="0"></TD>
> 
> </tr>


There too.


> <tr><td>
> 
> <A 
> onmouseover="document.home.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Green_09.jpg'"
> 
> onmouseout="document.home.src='http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_red_09.jpg'"
> 
> href="../home.htm">
> 
> 
> 
> <IMG 
> SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_09.jpg" 
> name = home WIDTH=120 HEIGHT=56 ALT="" border="0">
> 
> </td> </tr>


There too.


> </TABLE>


-- 
Gran Andersson
_____
http://www.guffa.com

Date:Wed, 08 Aug 2007 15:51:43 +0200 Author:

Re: Row Height

"dancer"  wrote in message 
news:e0g9hub2HHA.3940@TK2MSFTNGP05.phx.gbl...


> Each image is in a *different* row.  Does *every* row default to the 
> largest image height?


Not normally, but the errors in your HTML, I think, are causing the 
problem...

E.g.

<TD>
<IMG 
SRC="http://www.xxxxxx.com/images/menu/pictures_aspx/sidebar_Red_02.jpg"
name = about WIDTH=120 HEIGHT=46 border="0" ALT=""></TD></A>

The anchor's closing is outside the table cell's closing tag...


-- 
Mark Rae
ASP.NET MVP
http://www.markrae.net

Date:Wed, 8 Aug 2007 14:59:35 +0100 Author:

Re: Row Height

Mark and Gran,

1)  RE: "What doctype are you using?"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

2) I changed all my closing "a" tags. Now, there is space between ALL the 
cells.  Before, it was only some.

Following is my revised code.  I have left the graphic links for real so 
that you may view it in your browser and see for yourself.

3) Do I have the /a tags in the right places?

Thank you.



<TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr><td>
 <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_01.jpg" 
WIDTH=120 HEIGHT=15 ALT="">
</td></tr>
<tr><td><A 
onmouseover="document.about.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_02.jpg'"
            onmouseout="document.about.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_red_02.jpg'"
           href="../about.htm">
 <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_02.jpg" 
name = about WIDTH=120 HEIGHT=46 border="0" ALT="">
</a>
</TD></tr>
<tr><td>

<A 
onmouseover="document.products.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_03.jpg'"
            onmouseout="document.products.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_03.jpg'"
            href="../products.htm">
 <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_03.jpg" 
WIDTH=120 HEIGHT=44 border="0" ALT="" name=products>
</a>

</td></tr>
 <tr><td>
 <A 
onmouseover="document.distribution.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_04.jpg'"
            onmouseout="document.distribution.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_04.jpg'"
            href="../distribution.htm">
 <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_04.jpg" 
name = distribution WIDTH=120 HEIGHT=50 ALT="" border="0">
</a>
</td></tr>
<tr><td>
<A 
onmouseover="document.testimonials.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_05.jpg'"
            onmouseout="document.testimonials.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_05.jpg'"
            href="../testimonials.htm">
   <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_05.jpg" 
WIDTH=120 HEIGHT=43 ALT="" name=testimonials border="0">
</a>
</td></tr>
<tr><td>
<A 
onmouseover="document.news.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_06.jpg'"
            onmouseout="document.news.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_06.jpg'"
            href="../news.htm">
   <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_06.jpg" 
name = news WIDTH=120 HEIGHT=39 ALT=""border = "0">
</a>
</td></tr>
<tr><td>
<A 
onmouseover="document.contact.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_07.jpg'"
            onmouseout="document.contact.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_07.jpg'"
            href="../contact.htm">
   <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_07.jpg" 
name= contact WIDTH=120 HEIGHT=45 ALT=""border="0">
</a>
</td></tr>
<tr><td>
<A 
onmouseover="document.employment.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_08.jpg'"
            onmouseout="document.employment.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_red_08.jpg'"
            href="../employment.htm">
 <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_08.jpg" 
name = employment WIDTH=120 HEIGHT="42" ALT="" border="0">
</a>
</TD></tr>
<tr><td>
<A 
onmouseover="document.home.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Green_09.jpg'"
            onmouseout="document.home.src='http://www.wheelers.com/images/menu/pictures_aspx/sidebar_red_09.jpg'"
            href="../home.htm">
 <IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_09.jpg" 
name = home WIDTH=120 HEIGHT=56 ALT="" border="0">
</a>
</td></tr>
</TABLE>



"Gran Andersson"  wrote in message 
news:uff4INc2HHA.600@TK2MSFTNGP05.phx.gbl...

Date:Wed, 8 Aug 2007 13:58:52 -0400 Author:

Re: Row Height

"dancer"  wrote in message 
news:OyZUMXe2HHA.5380@TK2MSFTNGP04.phx.gbl...


> 1)  RE: "What doctype are you using?"
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


Ouch! You *really* should consider updating this to something a little more 
standards-compliant: 
http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html
I recall from some of our previous exchanges that that's not something you 
appreciate hearing, but things move on and you either keep up or get left 
behind...


> 2) I changed all my closing "a" tags. Now, there is space between ALL the 
> cells.  Before, it was only some.


OK - is that what you actually want, though...?


> Following is my revised code.  I have left the graphic links for real so 
> that you may view it in your browser and see for yourself.
>
> 3) Do I have the /a tags in the right places?


Pretty much, though you should remove the name attribute from your <img> 
tags: http://www.w3schools.com/tags/tag_img.asp


-- 
Mark Rae
ASP.NET MVP
http://www.markrae.net

Date:Wed, 8 Aug 2007 19:33:20 +0100 Author:

Re: Row Height

1) RE: You *really* should consider updating this to something a little more

> standards-compliant:

I don't mind being told I need to update.   I just don't know how.  At this 
moment, I need to make work what I have.

2)RE: I changed all my closing "a" tags. Now, there is space between ALL the

>> cells.  Before, it was only some.
>
> OK - is that what you actually want, though...?
>

NO!  That is NOT what I want. That is the whole purpose of my original 
question. I don't want space between cells. I want the images to line up 
smoothly.
Why did moving the /a tags to their proper place (as was suggested) make 
more cells that have space between them instead of correcting my problem?




"Mark Rae [MVP]"  wrote in message 
news:%23ffQTqe2HHA.3760@TK2MSFTNGP03.phx.gbl...

> "dancer"  wrote in message 
> news:OyZUMXe2HHA.5380@TK2MSFTNGP04.phx.gbl...
>
>> 1)  RE: "What doctype are you using?"
>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
>
> Ouch! You *really* should consider updating this to something a little 
> more standards-compliant: 
> http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html
> I recall from some of our previous exchanges that that's not something you 
> appreciate hearing, but things move on and you either keep up or get left 
> behind...
>
>> 2) I changed all my closing "a" tags. Now, there is space between ALL the 
>> cells.  Before, it was only some.
>
> OK - is that what you actually want, though...?
>
>> Following is my revised code.  I have left the graphic links for real so 
>> that you may view it in your browser and see for yourself.
>>
>> 3) Do I have the /a tags in the right places?
>
> Pretty much, though you should remove the name attribute from your <img> 
> tags: http://www.w3schools.com/tags/tag_img.asp
>
>
> -- 
> Mark Rae
> ASP.NET MVP
> http://www.markrae.net

Date:Wed, 8 Aug 2007 14:51:42 -0400 Author:

Re: Row Height

dancer wrote:

> Mark and Gran,
> 
> 1)  RE: "What doctype are you using?"
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
> 
> 2) I changed all my closing "a" tags. Now, there is space between ALL the 
> cells.  Before, it was only some.

That's better. Now the code is correct, which rules out incorrect code 
as a factor.

> Following is my revised code.  I have left the graphic links for real so 
> that you may view it in your browser and see for yourself.

The reason that you get spaces between images, is that the images are 
placed on the base line of the text in the table cells. The text block 
extends below the base line, so the spacing is the distance from the 
base line to the bottom of the text block.

Add this style in the head of the page:

<style type="text/css">
td a { display: block; }
td a img { display: block; }
</style>

This turns the links and images from inline elements to block elements.

> 3) Do I have the /a tags in the right places?

Yes.

-- 
Gran Andersson
_____
http://www.guffa.com

Date:Wed, 08 Aug 2007 21:20:08 +0200 Author:

Re: Row Height

"dancer"  wrote in message 
news:eRILt0e2HHA.484@TK2MSFTNGP06.phx.gbl...


> 2)RE: I changed all my closing "a" tags. Now, there is space between ALL 
> the
>>> cells.  Before, it was only some.
>>
>> OK - is that what you actually want, though...?
>>
> NO!  That is NOT what I want. That is the whole purpose of my original 
> question. I don't want space between cells. I want the images to line up 
> smoothly.


OK - Gran has solved this for you...


-- 
Mark Rae
ASP.NET MVP
http://www.markrae.net

Date:Wed, 8 Aug 2007 21:30:22 +0100 Author:

Re: Row Height

RE:  Pretty much, though you should remove the name attribute from your 
<img>
tags: http://www.w3schools.com/tags/tag_img.asp

I read the above link, but I still am not sure what you mean by the "name 
attribute"
For example, tell me in the following line, is it the ALT="" ? or something 
else?
<IMG SRC="http://www.xxxx.com/images/menu/pictures_aspx/sidebar_Red_01.jpg" 
WIDTH=120 HEIGHT=15 ALT="">

Thank you.



"Mark Rae [MVP]"  wrote in message 
news:%23ffQTqe2HHA.3760@TK2MSFTNGP03.phx.gbl...

> "dancer"  wrote in message 
> news:OyZUMXe2HHA.5380@TK2MSFTNGP04.phx.gbl...
>
>> 1)  RE: "What doctype are you using?"
>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
>
> Ouch! You *really* should consider updating this to something a little 
> more standards-compliant: 
> http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html
> I recall from some of our previous exchanges that that's not something you 
> appreciate hearing, but things move on and you either keep up or get left 
> behind...
>
>> 2) I changed all my closing "a" tags. Now, there is space between ALL the 
>> cells.  Before, it was only some.
>
> OK - is that what you actually want, though...?
>
>> Following is my revised code.  I have left the graphic links for real so 
>> that you may view it in your browser and see for yourself.
>>
>> 3) Do I have the /a tags in the right places?
>
> Pretty much, though you should remove the name attribute from your <img> 
> tags: http://www.w3schools.com/tags/tag_img.asp
>
>
> -- 
> Mark Rae
> ASP.NET MVP
> http://www.markrae.net

Date:Wed, 8 Aug 2007 16:56:18 -0400 Author:

Re: Row Height

RE:
 <style type="text/css">

> td a { display: block; }
> td a img { display: block; }
> </style>


YEAA!!! This worked!    Thank you, Gran.  I would *never* have figured that 
out by myself!  But it caused my links at the bottom of the page to be in a 
vertical line.  How can I get them back to their horizontal format?
Here's the code.
<TD vAlign=top height=23><br><br>

<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=1><A

href="about.htm"><FONT size=-7>about

wheeler's</FONT></A><FONT size=-7> | <A

href="products.htm">wheeler's products &

services</A> | <A

href="distribution.htm">wheeler's distribution

sites</A> | <A href="testimonial.htm">wheeler's

testimonials</A><BR><A href="newsbak.htm">wheeler's

news</A> | <A href="contact.htm">contact

wheeler's</A> | home

</FONT></FONT></DIV>



"Gran Andersson"  wrote in message 
news:%23%23wJqEf2HHA.3764@TK2MSFTNGP04.phx.gbl...

> http://www.guffa.com

Date:Wed, 8 Aug 2007 17:18:33 -0400 Author:

Re: Row Height

"dancer"  wrote in message 
news:%23RNEV6f2HHA.4880@TK2MSFTNGP03.phx.gbl...


> RE:  Pretty much, though you should remove the name attribute from your 
> <img>
> tags: http://www.w3schools.com/tags/tag_img.asp
>
> I read the above link, but I still am not sure what you mean by the "name 
> attribute"


<IMG 
SRC="http://www.wheelers.com/images/menu/pictures_aspx/sidebar_Red_02.jpg"
name = about WIDTH=120 HEIGHT=46 border="0" ALT="">

<img> tags don't have a "name" attribute...


-- 
Mark Rae
ASP.NET MVP
http://www.markrae.net

Date:Wed, 8 Aug 2007 22:34:30 +0100 Author:

Re: Row Height

dancer wrote:

> RE:
>  <style type="text/css">
>> td a { display: block; }
>> td a img { display: block; }
>> </style>
> 
> YEAA!!! This worked!    Thank you, Gran.  I would *never* have figured that 
> out by myself!  But it caused my links at the bottom of the page to be in a 
> vertical line.  How can I get them back to their horizontal format?


Define the style for a class:

<style type="text/css">
..AnythingYouLike a { display: block; }
..AnythingYouLike a img { display: block; }
</style>

Use the class in the table:

<TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0 
class="AnythingYouLike">

That makes the style only apply to the links and images in the table.

-- 
Gran Andersson
_____
http://www.guffa.com

Date:Thu, 09 Aug 2007 00:22:47 +0200 Author:

Re: Row Height

Once again, thank you!!!   Worked great.


"Gran Andersson"  wrote in message 
news:u5uwuqg2HHA.1184@TK2MSFTNGP04.phx.gbl...

> dancer wrote:
>> RE:
>>  <style type="text/css">
>>> td a { display: block; }
>>> td a img { display: block; }
>>> </style>
>>
>> YEAA!!! This worked!    Thank you, Gran.  I would *never* have figured 
>> that out by myself!  But it caused my links at the bottom of the page to 
>> be in a vertical line.  How can I get them back to their horizontal 
>> format?
>
> Define the style for a class:
>
> <style type="text/css">
> .AnythingYouLike a { display: block; }
> .AnythingYouLike a img { display: block; }
> </style>
>
> Use the class in the table:
>
> <TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0 
> class="AnythingYouLike">
>
> That makes the style only apply to the links and images in the table.
>
> -- 
> Gran Andersson
> _____
> http://www.guffa.com

Date:Thu, 9 Aug 2007 08:41:10 -0400 Author:

Re: Row Height

Goran, Very good.

because I don't understand I like to ask:
Why have td a {display:block}; and td a img {display:block};  Both?
I tried it with only td a img {display:block}; and it works.  !!!!

what does block mean?

Thank you,

Lit

"Gran Andersson"  wrote in message 
news:u5uwuqg2HHA.1184@TK2MSFTNGP04.phx.gbl...

> dancer wrote:
>> RE:
>>  <style type="text/css">
>>> td a { display: block; }
>>> td a img { display: block; }
>>> </style>
>>
>> YEAA!!! This worked!    Thank you, Gran.  I would *never* have figured 
>> that out by myself!  But it caused my links at the bottom of the page to 
>> be in a vertical line.  How can I get them back to their horizontal 
>> format?
>
> Define the style for a class:
>
> <style type="text/css">
> .AnythingYouLike a { display: block; }
> .AnythingYouLike a img { display: block; }
> </style>
>
> Use the class in the table:
>
> <TABLE WIDTH=120 BORDER=0 CELLPADDING=0 CELLSPACING=0 
> class="AnythingYouLike">
>
> That makes the style only apply to the links and images in the table.
>
> -- 
> Gran Andersson
> _____
> http://www.guffa.com

Date:Sat, 11 Aug 2007 16:41:30 -0700 Author: