SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast 0ldfart's Avatar
    Join Date
    Jan 2011
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    image alignment in table - please help

    No matter what align setting I use for image in first col of table, it makes all the text in subsequent columns drop below it.

    Can anyone tell me how I can insert an image here without it making all the other text drop down?

    Screenshot_1.jpg

    Code:
    <tbody>
    <tr align="left" valign="top">
    <td style="text-align: left;" rowspan="4"><img class="size-full wp-image-2726 absmiddle" title="Service name yourtown" src="http://members.theultimatetechsite.com/wp-content/uploads/2011/09/BadgeBlue1.png" alt="Service name yourtown" width="126" height="104" /></td>
    <td>Manual and multi-scan virus removal</td>
    <td><img class="aligncenter size-full wp-image-1600" title="Virus removal yourcity" src="http://members.theultimatetechsite.com/wp-content/uploads/2011/08/Virus-removal-yourcity.png" alt="Virus removal yourcity" width="25" height="29" /></td>
    </tr>
    <tr>
    <td>Complete 20-point system security audit</td>
    <td style="text-align: left;" align="right"><img class="aligncenter size-full wp-image-1600" title="Virus removal yourcity" src="http://members.theultimatetechsite.com/wp-content/uploads/2011/08/Virus-removal-yourcity.png" alt="Virus removal yourcity" width="25" height="29" /></td>
    </tr>
    <tr>
    <td>Firewall and Virus signature verification</td>
    <td style="text-align: left;" align="right"><img class="aligncenter size-full wp-image-1600" title="Virus removal yourcity" src="http://members.theultimatetechsite.com/wp-content/uploads/2011/08/Virus-removal-yourcity.png" alt="Virus removal yourcity" width="25" height="29" /></td>
    </tr>
    <tr>
    <td>System update and security patch</td>
    <td style="text-align: left;" align="right"><img class="aligncenter size-full wp-image-1600" title="Virus removal yourcity" src="http://members.theultimatetechsite.com/wp-content/uploads/2011/08/Virus-removal-yourcity.png" alt="Virus removal yourcity" width="25" height="29" /></td>
    </tr>
    </tbody>
    </table>

  2. #2
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,280
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    I can't see the attachment yet, but am I right in asking if the image is making the other tds TALLER? If so, you'd want to set vertical-align: top on the td's so text inside the others sticks to the top of the cells rather than what I believe is default, the middles. Or you may have in your stylesheet somewhere vertical-align: bottom on tds?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •