Asked by BobCSD
at 2024-08-25 18:59:21
Point:500 Replies:9 POST_ID:829194USER_ID:12080
Topic:
Cascading Style Sheets (CSS);;.NET
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!
How do I make my grid row height 34px, but make my linespacing 14/14.
thanks!
Author: BobCSD replied at 2024-09-07 02:15:55
None of the suggestions worked. Found a solution from telerik.
Accepted Solution
Author: BobCSD replied at 2024-09-02 11:40:11
that did not work. I wrote telerik and asked for help on this and this is the result of what works.
I had to set the line height to 15px to make the word wraps not have gaps between them, then to make a minimal row height, I had to add padding on each row and header as below:
I had to set the line height to 15px to make the word wraps not have gaps between them, then to make a minimal row height, I had to add padding on each row and header as below:
Expert: rwniceing replied at 2024-08-27 11:08:44
.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
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
Author: BobCSD replied at 2024-08-27 11:02:38
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!
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!
Expert: rwniceing replied at 2024-08-26 20:41:45
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.
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.
Author: BobCSD replied at 2024-08-26 10:37:21
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!
Assisted Solution
Expert: rwniceing replied at 2024-08-25 21:53:34
250 points EXCELLENT
Dear Author,
you could set line-height to 7px(space)+14px(font-size)+7px(space)=28px for the spacing between word to word equal to 14px if word wrapped.
But when you set the row height = 34px, the second word-wrap line will overflow the row. So, I suggest this if you have to keep row height 34px; don't set row height let it auto adjust and put row white-color border-width with 3px to simulate row height to be 34px and if word wrapped, the line to line or word to wrod spacing is also keeping 14px;
you could set line-height to 7px(space)+14px(font-size)+7px(space)=28px for the spacing between word to word equal to 14px if word wrapped.
But when you set the row height = 34px, the second word-wrap line will overflow the row. So, I suggest this if you have to keep row height 34px; don't set row height let it auto adjust and put row white-color border-width with 3px to simulate row height to be 34px and if word wrapped, the line to line or word to wrod spacing is also keeping 14px;
If you send us the complete or portion of html page with css , it will be easier to understand your question
Rwniceing
Author: BobCSD replied at 2024-08-25 19:37:22
I need more assistance... what I did is not working... Please provide me with the proper elements. thanks!
Assisted Solution
Expert: Gary replied at 2024-08-25 19:29:24
250 points EXCELLENT
Don't apply the line-height attribute but set the row/cell height attribute and leave the line height as it normally is.
