Solved

vertical-align of cell

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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
css, html 5 42
How do I set diff properties in a table row? 3 20
Html5 string 3 23
Multiflying 2 Input Text On a Table 7 20
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.
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 customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

809 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