Solved

vertical adjustment of table cell contents

Posted on 2011-03-08
3
215 Views
Last Modified: 2012-05-11
I have two table cells as shown:

<td align="right" valign="top">Sample Label</td>
<td valign="top">....nested tables in here....</td>

Open in new window


The problem is that my Sample Label aligns too high relative to the other cell. When I change valign to "middle" it goes too low. Is there a style I can apply that will precisely bring it down 3 or 4 pixels? I've tried some things and nothing works.
0
Comment
Question by:SweatCoder
  • 2
3 Comments
 
LVL 9

Accepted Solution

by:
McOz earned 500 total points
ID: 35074537
Have you tried:

padding-top: 2px;

adjust to whatever looks good...

Cheers
0
 
LVL 9

Expert Comment

by:McOz
ID: 35074574
I should add, you need to keep it as valign="top" for the top padding to work as expected.

Good luck!
0
 
LVL 11

Author Closing Comment

by:SweatCoder
ID: 35074773
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question