Solved

vertical-align of cell

Posted on 2011-03-10
2
385 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
[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 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Send form to asp server side 6 28
Html split(text) 2 32
Text color in a select 11 23
How to pass values to HTML-5 attribute dynamically? 24 53
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

730 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