HTML/CSS: how to expand a table row i only one direction?


Tags: html,css,table,row,overflow

Problem :

Following problem: I want the table row to only flow in down-direction. But I want to still have the label in the first cell vertical fitting to the EditTextBox I have in between.

Tables

I tried to put the label and the EditTextBox in a DIV and put them in vertical-align:middle; but it didn't work.

I would be very happy if someone could give me some help with this. I am sure this is not a big issue but I didn't get it yet.

Thank you!



Solution :

You give it an absolute position

eg

td input {
    position:absolute;
    top:5px;
}

This will ensure it expands downwards. The top:5px; is how far from the top you want the input element


    CSS Howto..

    How to target Android stock/native browser to adjust CSS

    How to combine Background Image and CSS Gradient

    How to rotate an image on click and then rotate it back after another click? Using HTML, CSS and jQuery

    How to access css selector properties after getting access to selector

    I have a simple image picture slider with JQuery, but I do not know how to animate up or down

    How to increase div width according to the text inside it?

    How to debug css in IE?

    How to style input type file using css

    How to align text vertically

    How to adjust contents to automatically fit size of the screen?

    How to recalculate css vw and vh values after resizing?

    CSS: How to center texts with transitioning position?

    How to change symbol(character) of iconmoon font by CSS?

    how to check what css code is invalid using browser plugins [closed]

    How to get Circle Hover Effects with CSS Transitions with img tag?

    How to change css style of Kendo Combobox

    how to rotate text with css? transform is not supported by current schema?

    how to swap div with one another in mobile view css

    CSS - How to remove comments and make CSS one line

    How to center my text vertically in a circular div with css

    How to make a smooth transition for css controlled by jQuery?

    how do I prevent max-height transition from scrolling the page to the top?

    How to place two canvases adjacent to each other and on top of a third one

    JQuery: Creating boxed text that shows on top of a div on hover

    how to create a pricetag like border around list items

    CSS. How to add small image on background?

    How to get a table-cell aligned to the right?

    How to move items to left inside a div?

    How to adjust table or content in CSS when printing?

    How to add drop down menu using CSS?