Solved

vertical-align of cell

Posted on 2011-03-10
2
373 Views
Last Modified: 2012-05-11

For some reason, a <td> has lost its property of vertical-align of bottom when an adjacent <td> contains a <div> that holds a UL with li consisting of <a href> acting as pagination.

What could cause this. The <td> in question is perfect until I call the condition is met to display the pagination and and boom the button in the cell moves up inside the cell.

It could be that the height of the pagination section is higher and creates the illusion when it is not there that the cell is actually aligned at the bottom, but that is not the case. So

How can I ensure my cell button is vertical-align at the bottom. Other buttons in adjacent cells are bottom.

See screen scrape:
 image
0
Comment
Question by:gbeaulac
2 Comments
 
LVL 17

Expert Comment

by:selvol
ID: 35099983
I hate to be the one to say this instead of an answer.


Please include soem sort of code we can work with......

The more you info (code) you can let us see.
The faster and better can help.

Please include any CSS, html or other.

Selvol
0
 
LVL 20

Accepted Solution

by:
Mark Brady earned 500 total points
ID: 35100183
I don't see any button in your image but heres some info for you. If your button is inside a form, (<form></form> it may decide to vertical align itself different to everything else. The default alignment for a form is not "inline" it is "block" but you can change the buttons alignment by adding

style='display:inline'

to but buttons code. Also, you can style that particular table cell by adding a line-height property to it's code. Like this:

<td style='line-height:20px'> Now fool around with that line height and any data in the cell will move up and down. Change the number until you get what you want.
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

743 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now