Solved

vertical adjustment of table cell contents

Posted on 2011-03-08
3
227 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say 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

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

691 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