The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Balancing table cells
msucimaster
post Nov 19 2020, 09:51 AM
Post #1


Newbie
*

Group: Members
Posts: 11
Joined: 29-April 20
Member No.: 27,307



I have a table with two cells on a row. One has only an input field. The other has input field and also something above it. The fields are vertically centered.

The result is not very pleasing for the eye as the input fields are on different heights. So I would like it changed so that the input fields coma aligned at the same level and the extra field is added somehow without affecting the level.

How can I that best achieve that?

The present situation looks like this:
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Nov 19 2020, 10:54 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



Is the table just used for layout? Then you could use a 4x4 grid instead, with the radio buttons in the top right cell (vertically aligned to bottom) and the text fields in the bottom row cell (vertically aligned to top).

Or do the text fields need to be verically centered? Then maybe it's better to use CSS positioning or similar instead of a layout table.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd April 2024 - 09:50 AM