asked on

CSS Style with lineheight

I have a style that makes my grid row 34px high. But if the text wraps on two lines, it leaves too much linespacing between the lines.

How do I make my grid row height 34px, but make my linespacing 14/14.

thanks!

    .RadGrid_RTOGrid, .RadGrid_RTOGrid .rgMasterTable, .RadGrid_RTOGrid .rgDetailTable, .RadGrid_RTOGrid .rgGroupPanel table, .RadGrid_RTOGrid .rgCommandRow table, .RadGrid_RTOGrid .rgEditForm table, .RadGrid_RTOGrid .rgPager table {
        font-weight: 100;
        font-size: 14px;
        line-height: 34px;
        font-family: Tahoma, "Segoe UI",Arial,Helvetica,sans-serif;
    }

Open in new window

SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Starr Duskk

ASKER

I need more assistance... what I did is not working... Please provide me with the proper elements. thanks!

        font-weight: 100;
        font-size: 14px;
        min-height: 34px;
        font-family: Tahoma, "Segoe UI",Arial,Helvetica,sans-serif;

Open in new window

SOLUTION

rwniceing

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Starr Duskk

ASKER

Above you see the User Name field. It wraps. I don't want that big gappy space between words. On average the line height should be 34. I don't want it tight like 14/14. It needs to minimum be 34px. It can go larger if the row wraps. It doesn't have to stay at 34px. But I don't want the wrap to be gappy.

Hope that helps.
'Thanks!

rwniceing

k*px(space)+14px(font-size)+k*px(space)=b*px

where b, word spacing, can be anything you want by k change

So read my previous post and set each side of border color can be different by CSS if need .

Rwniceing.

Starr Duskk

ASKER

k*px(space)+14px(font-size)+k*px(space)=b*px

Can you please convert the above into a language I can understand?

Please just tell me what it would be for 14/14 line spacing with 34 minimum height on the panel, but center the text vertically in the panel.

thanks!

rwniceing

.test{
font-size:14px;
line-height:28px;
border-color:#FFFFFF;
border-style:solid;
border-width:3px;
}

you can put the code above for your class style, you will know what I say. If not, please send us your html page with css file, and show us what you expect before or after(even this is not what you expect, but at least, we know what is problem there).

You can put it in http://jsfiddle.com or http://jsfiddle.net website , others are able to read it

ASKER CERTIFIED SOLUTION

Starr Duskk

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Starr Duskk

ASKER

None of the suggestions worked. Found a solution from telerik.