CODEWITHSUNDEEP
htmlcss
SmilingLily
SmilingLily

Reputation: 333

CSS help needed to make the Image go to the top

I have a table that is split into 3. My problem is I have content on the left side and pic on the right side. When I open the page the pic is starting in the middle of the page I need the pic to be displayed at the top of the page. How can I do that? 

       <table border="0" cellspacing="0" cellpadding="5">
        <tr>
        <td > 
        <table> Lots of Content </table>

        </td>

        <td width ="10%">
          <table> Empty table (that gives space between left content and right image                         </table>

           </td>

        <td width = "20%">
        <table width="100%">
             <tr>
             <td> <Asp:Image Runat="server" Id="Image" align="top"> </td>
             </tr>



              </table> </td>
          </tr>
           </table>

Upvotes: 0

Views: 1537

Answers (3)

George Gurrola
George Gurrola

Reputation: 103

that's easy... here's the hack... add a class to the td

.positionhack {position:relative}

then on the image

 .positionTop {
    position:absolute;
    top:0;
    }

Upvotes: 0

Sven Bieder
Sven Bieder

Reputation: 5681

If you really want / need to keep the existing structure and look for a quick and dirty fix, then set the position of the Image to absolute and with top and left position it exactly where you want.

Upvotes: 2

RyanS
RyanS

Reputation: 4194

Use this page to figure out what kind of positioning you want (not sure from post) http://www.w3schools.com/css/css_positioning.asp

And then embed the code like this:

<head>
 <style type="text/css">
 img
  {
  [Style properties you pic]
  }
 </style>
</head>

Or consult css_howto and use a proper CSS file for you entire page layout (no more tables)

Upvotes: 1

Related Questions