ASP.net Change color/shading on mousehover over image

Hi. I have a webpage (markup shown below) with image buttons on it. Is it possible to change the color/shading of either the images or table cells that they are in when the user mouse hovers over them

<%@ Page Title="Self Service Business Intelligence" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeBehind="Default.aspx.vb" Inherits="Online_Excel._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .style1
        {
            height: 21px;
        }
    </style>
    </asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

 
    <asp:Image ID="Image1" runat="server" Height="225px"
    ImageUrl="~/Resources/_MAIN_LOGO.png" Width="892px" />
    <br />
    <br />

    <table>
            <tr>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label1" runat="server" ForeColor="#333399"
            Text="RAPID-FIRE AUTO-INVOICING"></asp:Label>
                </td>
    <td></td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label2" runat="server" ForeColor="#333399"
            Text="CLOUD DATABASE SOLUTIONS FOR EXCEL"></asp:Label>
                </td>
    <td></td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label3" runat="server" ForeColor="#333399"
            Text="LIVE WEB DASHBOARDS BUILT IN EXCEL"></asp:Label>
                </td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>
        <asp:ImageButton ID="ImageButton1" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/AutoInv.jpg" PostBackUrl="~/Excel_and_Databases.aspx"
            Width="282px" />
        </td>
    <td></td>
    <td>
        <asp:ImageButton ID="ImageButton2" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/Cloud_Hub.jpg"
            PostBackUrl="~/Cloud Database Query And Editing Tool.aspx" Width="279px" />
        </td>
    <td></td>
    <td>
        <asp:ImageButton ID="ImageButton3" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/chart 1.jpg" PostBackUrl="~/Video1.aspx"
            Width="281px" />
        </td>
    <td></td>
    <td></td>
    </tr>
        <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td class="style1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label4" runat="server" ForeColor="#333399"
            Text="SUPERCHARGED DETAILED QUOTING"></asp:Label>
                </td>
    <td class="style1"></td>
    <td class="style1">
        <asp:Label ID="Label5" runat="server" ForeColor="#333399"
            Text="MANAGE CLOUD (SQL) DATA IN EXCEL"></asp:Label>
                </td>
    <td class="style1"></td>
    <td class="style1">
        <asp:Label ID="Label6" runat="server" ForeColor="#333399"
            Text="IN-SPREADSHEET EDITING OF CLOUD/ SQL DATA "></asp:Label>
                </td>
    <td class="style1"></td>
    <td class="style1"></td>
    </tr>
            <tr>
    <td>
        <asp:ImageButton ID="ImageButton4" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/QPane2.jpg" PostBackUrl="~/Video8.aspx"
            Width="282px" />
                </td>
    <td></td>
    <td>
        <asp:ImageButton ID="ImageButton6" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/DB_Mirror2.jpg" PostBackUrl="~/Video10.aspx"
            Width="281px" />
                </td>
    <td></td>
    <td>
        <asp:ImageButton ID="ImageButton5" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/In-Spreadsheet Editing.jpg" PostBackUrl="~/Video9.aspx"
            Width="281px" />
                </td>
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Mike EghtebasDatabase and Application DeveloperCommented:
try:


   <style type="text/css">
        .style1
        {
            height: 21px;
        }

        #Image1:hover
        {
            border:solid 2px yellow;

        }
    </style>
0
Mike EghtebasDatabase and Application DeveloperCommented:
For multiple images, add class="imageHover" propetry to all images you want to work with and then use:

   <style type="text/css">
        .style1
        {
            height: 21px;
        }

        .imageHover:hover
        {
            border:solid 2px yellow;

        }
    </style>
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Thanks. How do I connect each image to this style?
0
Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
In the cssClass property of the image Button I put "imageHover" but the border didn't change color when I hovered
0
Mike EghtebasDatabase and Application DeveloperCommented:
Hi murbro,

I should have tested before posting it. For some reason, I cannot get it work either.

brb
0
Mike EghtebasDatabase and Application DeveloperCommented:
we were missing an empty <a> tag. I tried:

<a href="#"> <asp:Image ID="singleImageTag" class="singleImageTag" Runat="server" ImageUrl="~/image/2013_1_Region1_101_2_MedCtr02.png" /></a>

            <style type="text/css">
        .style1
        {
.
.

        }

        .singleImageTag{border:5px solid #eee;}
        .singleImageTag:hover {border:5px solid #555;}

    </style>

I will try to revise your code also.
0
Mike EghtebasDatabase and Application DeveloperCommented:
<a href="#"><asp:ImageButton ID="ImageButton6" class="imageHover" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/DB_Mirror2.jpg" PostBackUrl="~/Video10.aspx"
            Width="281px" /></a>

            <style type="text/css">
              .style1
              {
                  height: 21px;
             }

        .imageHover
        {
            border:5px
           solid #eee;
        }
        .imageHover:hover
       {
         border:5px solid #555;
       }

    </style>
0
Mike EghtebasDatabase and Application DeveloperCommented:
Is it working for you now?

Mike
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Still trying
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
I put the style code at the top and then used the following but still doesn't work
        <a href="#"><asp:ImageButton ID="ImageButton1" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/AutoInv.jpg" PostBackUrl="~/Excel_and_Databases.aspx"
            Width="282px" CssClass="imageHover" /></a>
0
Mike EghtebasDatabase and Application DeveloperCommented:
You need to do:

1. add class="imageHover" to your image tag. See my last post.

2. make sure you css read like:

            <style type="text/css">
              .style1
              {
                  height: 21px;
             }

        .imageHover
        {
            border:5px
           solid #eee;
        }
        .imageHover:hover
       {
         border:5px solid #555;
       }

    </style>
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
I used the following and still doesn't work

      <a href="#">
        <asp:ImageButton ID="ImageButton1" class="imageHover" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/AutoInv.jpg" PostBackUrl="~/Excel_and_Databases.aspx"
            Width="282px" /></a>

            <style type="text/css">
               .style1
               {
                   height: 21px;
              }

         .imageHover
         {
             border:5px
            solid #eee;
         }
         .imageHover:hover
        {
          border:5px solid #555;
        }

     </style>
0
Mike EghtebasDatabase and Application DeveloperCommented:
change

border:5px

to

border:5px;
0
Mike EghtebasDatabase and Application DeveloperCommented:
I must have dropped ; when I was typing it.
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Hi. Did that and still doesn't work. Is there perhaps another property to change. I am baffled
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
There was also an error saying that "solid is not a valid CSS name"
0
Mike EghtebasDatabase and Application DeveloperCommented:
This:

 .imageHover
        {
            border:5px
           solid #eee;
        }

should read:

 .imageHover
        {
            border:5px solid #eee;
        }
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Unfortunately still doesn't work
0
Mike EghtebasDatabase and Application DeveloperCommented:
Could you post entire page similar to the original post?
0
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
<%@ Page Title="Self Service Business Intelligence" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeBehind="Default.aspx.vb" Inherits="Online_Excel._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

            <style type="text/css">
               .style1
               {
                   height: 21px;
              }

 .imageHover
         {
             border:5px solid #eee;
         }
         .imageHover:hover
        {
          border:5px solid #555;
             border-color:Yellow;
        }

     </style>
    </asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

 
    <asp:Image ID="Image1" runat="server" Height="225px"
    ImageUrl="~/Resources/_MAIN_LOGO.png" Width="892px" />
    <br />
    <br />

    <table>
            <tr>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:HyperLink ID="HyperLink1" runat="server"
            NavigateUrl="~/Excel_and_Databases.aspx">RAPID-FIRE AUTO-INVOICING</asp:HyperLink>
                </td>
    <td></td>
    <td class="style2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:HyperLink ID="HyperLink2" runat="server"
            NavigateUrl="~/Cloud Database Query And Editing Tool.aspx">EXCEL CLOUD DATABASE SOLUTIONS</asp:HyperLink>
                </td>
    <td></td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/Video1.aspx">LIVE WEB DASHBOARDS BUILT IN EXCEL</asp:HyperLink>
                </td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>
        <a href="#"><asp:ImageButton ID="ImageButton1" class="imageHover" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/AutoInv.jpg" PostBackUrl="~/Excel_and_Databases.aspx"
            Width="282px" /></a>
        </td>
    <td></td>
    <td class="style2">
        <asp:ImageButton ID="ImageButton2" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/Cloud_Hub.jpg"
            PostBackUrl="~/Cloud Database Query And Editing Tool.aspx" Width="279px"
            CssClass="imageHover" />
        </td>
    <td></td>
    <td>
        <asp:ImageButton ID="ImageButton3" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/chart 1.jpg" PostBackUrl="~/Video1.aspx"
            Width="281px" CssClass="imageHover" />
        </td>
    <td></td>
    <td></td>
    </tr>
        <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td class="style1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/Video8.aspx">SUPERCHARGED DETAILED QUOTING</asp:HyperLink>
                </td>
    <td class="style1"></td>
    <td class="style3">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/Video10.aspx">MANAGE CLOUD (SQL) DATA IN EXCEL</asp:HyperLink>
                </td>
    <td class="style1"></td>
    <td class="style1">
        <asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/Video9.aspx">IN-SPREADSHEET EDITING OF CLOUD/ SQL DATA </asp:HyperLink>
                </td>
    <td class="style1"></td>
    <td class="style1"></td>
    </tr>
            <tr>
    <td>
        <asp:ImageButton ID="ImageButton4" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/QPane2.jpg" PostBackUrl="~/Video8.aspx"
            Width="282px" />
                </td>
    <td></td>
    <td class="style2">
        <asp:ImageButton ID="ImageButton6" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/DB_Mirror2.jpg" PostBackUrl="~/Video10.aspx"
            Width="281px" />
                </td>
    <td></td>
    <td>
        <asp:ImageButton ID="ImageButton5" runat="server" BorderColor="Black"
            BorderStyle="Solid" BorderWidth="4px" Height="188px"
            ImageUrl="~/Resources/In-Spreadsheet Editing.jpg" PostBackUrl="~/Video9.aspx"
            Width="281px" />
                </td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
            <tr>
    <td></td>
    <td></td>
    <td class="style2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>




 
</asp:Content>
0
Mike EghtebasDatabase and Application DeveloperCommented:
I apologize for being so distracted this morning (and also I am getting starting in asp.net). You had also revised the CSS somewhat.

Use this while I am also trying it here:

.imageHover
        {
            border:5px  solid #eee;
        }

should read:

 .imageHover:hover
        {
            border:5px solid yellow;
        }
0
Mike EghtebasDatabase and Application DeveloperCommented:
Long lunch break. The following works now (please test the top row).

Part of the problem was that you had included inline css like:

BorderColor="Black"  BorderStyle="Solid"

which overwrites the header css. You can specify border with image size all in the header css.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            height: 21px;
        }
        
.imageHover
        { 
            border:5px  solid #eee;
        }

 .imageHover:hover
        { 
            border:5px solid red;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">

    <table>
        <tr>
            <td>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Excel_and_Databases.aspx">RAPID-FIRE AUTO-INVOICING</asp:HyperLink>
            </td>
            <td>
            </td>
            <td class="style2">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Cloud Database Query And Editing Tool.aspx">EXCEL CLOUD DATABASE SOLUTIONS</asp:HyperLink>
            </td>
            <td>
            </td>
            <td>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/Video1.aspx">LIVE WEB DASHBOARDS BUILT IN EXCEL</asp:HyperLink>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <a href="#">
                    <asp:ImageButton ID="ImageButton1" class="imageHover" runat="server"  ImageUrl=""
                        /></a>
            </td>
            <td>
            </td>
            <td class="style2">
                <asp:ImageButton ID="ImageButton2" class="imageHover" runat="server" ImageUrl="~/Resources/Cloud_Hub.jpg" PostBackUrl="~/Cloud Database Query And Editing Tool.aspx"
                    Width="279px" CssClass="imageHover" />
            </td>
            <td>
            </td>
            <td>
                <asp:ImageButton ID="ImageButton3" runat="server" 
                    BorderWidth="4px" Height="188px" ImageUrl="~/Resources/chart 1.jpg" PostBackUrl="~/Video1.aspx"
                    Width="281px" CssClass="imageHover" />
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style1">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/Video8.aspx">SUPERCHARGED DETAILED QUOTING</asp:HyperLink>
            </td>
            <td class="style1">
            </td>
            <td class="style3">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/Video10.aspx">MANAGE CLOUD (SQL) DATA IN EXCEL</asp:HyperLink>
            </td>
            <td class="style1">
            </td>
            <td class="style1">
                <asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/Video9.aspx">IN-SPREADSHEET EDITING OF CLOUD/ SQL DATA </asp:HyperLink>
            </td>
            <td class="style1">
            </td>
            <td class="style1">
            </td>
        </tr>
        <tr>
            <td>
                <asp:ImageButton ID="ImageButton4" runat="server" BorderColor="Black" BorderStyle="Solid"
                    BorderWidth="4px" Height="188px" ImageUrl="~/Resources/QPane2.jpg" PostBackUrl="~/Video8.aspx"
                    Width="282px" />
            </td>
            <td>
            </td>
            <td class="style2">
                <asp:ImageButton ID="ImageButton6" runat="server" BorderColor="Black" BorderStyle="Solid"
                    BorderWidth="4px" Height="188px" ImageUrl="~/Resources/DB_Mirror2.jpg" PostBackUrl="~/Video10.aspx"
                    Width="281px" />
            </td>
            <td>
            </td>
            <td>
                <asp:ImageButton ID="ImageButton5" runat="server" BorderColor="Black" BorderStyle="Solid"
                    BorderWidth="4px" Height="188px" ImageUrl="~/Resources/In-Spreadsheet Editing.jpg"
                    PostBackUrl="~/Video9.aspx" Width="281px" />
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td class="style2">
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Great. That works! Thanks very much for taking all the time out!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.