Link to home
Start Free TrialLog in
Avatar of zorvek (Kevin Jones)
zorvek (Kevin Jones)Flag for United States of America

asked on

Float table over image.

I want to float a table over an image with an <a> tag. How do I do this?

Current HTML:

<table style="height: 100%">
      <tr style="height: 120px">
            <td>
                  <div id="DivLoggedInInfo">
                        <a href="home.aspx">
                              <img src="Images/logo.jpeg" alt="" />
                        </a>
                        <table>
                              <tr>
                                    <td style="white-space: nowrap; text-align: right;">
                                          Text
                                    </td>
                              </tr>
                              <tr>
                                    <td style="white-space: nowrap; text-align: right;">
                                          Text
                                    </td>
                              </tr>
                        </table>
                  </div>
            </td>
      </tr>

Kevin
Avatar of christophermccann
christophermccann
Flag of United Kingdom of Great Britain and Northern Ireland image

Do you mean you want the table to appear on top of the image?
Avatar of zorvek (Kevin Jones)

ASKER

Yes. Top right corner.
ASKER CERTIFIED SOLUTION
Avatar of zorvek (Kevin Jones)
zorvek (Kevin Jones)
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Try this:


<style type="text/css">
    #table-background {
          background-url: url("Images/logo.jpeg") no-repeat;
    } 
</style>  
 
 
<a href="home.aspx"><div id="table-background">
 
<table style="height: 100%">
      <tr style="height: 120px">
            <td>
                  <div id="DivLoggedInInfo">
                        <table>
                              <tr>
                                    <td style="white-space: nowrap; text-align: right;">
                                          Text
                                    </td>
                              </tr>
                              <tr>
                                    <td style="white-space: nowrap; text-align: right;">
                                          Text
                                    </td>
                              </tr>
                        </table>
                  </div>
            </td>
      </tr>
</div></a>

Open in new window

Thanks!

I'll undo my request and get you the points. Gotta find a badger...

Kevin
Cheers - I posted without noticing you had already posted.