Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > ASP .Net > Row Height

Reply
Thread Tools

Row Height

 
 
dancer
Guest
Posts: n/a
 
      08-08-2007
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>


 
Reply With Quote
 
 
 
 
Kevin Spencer
Guest
Posts: n/a
 
      08-08-2007
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" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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>
>
>



 
Reply With Quote
 
 
 
 
Mark Rae [MVP]
Guest
Posts: n/a
 
      08-08-2007
"dancer" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...

> 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

 
Reply With Quote
 
dancer
Guest
Posts: n/a
 
      08-08-2007
Each image is in a *different* row. Does *every* row default to the largest
image height?

Thank you.


"Mark Rae [MVP]" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> "dancer" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>
>> 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



 
Reply With Quote
 
=?ISO-8859-1?Q?G=F6ran_Andersson?=
Guest
Posts: n/a
 
      08-08-2007
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>


--
Göran Andersson
_____
http://www.guffa.com
 
Reply With Quote
 
Mark Rae [MVP]
Guest
Posts: n/a
 
      08-08-2007
"dancer" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...

> 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

 
Reply With Quote
 
dancer
Guest
Posts: n/a
 
      08-08-2007
Mark and Göran,

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>



"Göran Andersson" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...


 
Reply With Quote
 
Mark Rae [MVP]
Guest
Posts: n/a
 
      08-08-2007
"dancer" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...

> 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...tch/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

 
Reply With Quote
 
dancer
Guest
Posts: n/a
 
      08-08-2007
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]" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> "dancer" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>
>> 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...tch/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



 
Reply With Quote
 
=?ISO-8859-1?Q?G=F6ran_Andersson?=
Guest
Posts: n/a
 
      08-08-2007
dancer wrote:
> Mark and Göran,
>
> 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.

--
Göran Andersson
_____
http://www.guffa.com
 
Reply With Quote
 
 
 
Reply

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 Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
textbox height different than input height tshad ASP .Net 1 03-08-2007 10:04 PM
measuring web controls height at runtime (or converting .height % to px) Wotney ASP .Net 1 10-25-2006 01:39 PM
how to get specific cell height without hard-coding a height value laredotornado@zipmail.com HTML 0 08-19-2006 08:13 PM
ok I can do a totals row but how about a percentage row after each data row D ASP .Net Datagrid Control 0 05-23-2005 04:10 PM
1em height row in IE (spanned row) W@cek HTML 0 03-31-2005 11:23 AM



Advertisments