I am currently facing a problem with text direction of a text in table cell. I wanted to change my texts direction in cells of the first row of a table, to be from bottom to top. So, I search the internet and I found This. It did work especially in wordpad. However, I found out that in libre office and Wicrosoft Word 2016 the table cell height remain fixed - the cell height did not expand to accommodate the text.
Is this an issue with python-docx or is there something I am doing wrong?
Related
I need to place a text with no spaces into left cell of my table, but I want to keep the size of the cell. Below is graphics example of what I want to achieve:
I tried different word-wrap settings but it only works for divs and not the cell table.
fix the size of left div with css using width.
I have some vertically-oriented text in a table cell. However, the cell seems to be taking the width of the text as if it were horizontally oriented and I want it to take on the width of the vertically oriented text.
What I have: http://jsfiddle.net/a20rp5y3/
What I'm going for: http://jsfiddle.net/p4EPd/ (the "Overall Satisfaction" column specifically)
It seems that position: absolute is the key here, but I don't know how to implement it in my example.
Thoughts?
That 2nd sample is "cheating" you to think it works. Replace the contents of the to lower TDs (below the satisfaction cell) to something short like '|' and you'll see it doesn't really work.
The reason is that CSS transforms don't affect bounding box calculations. You need to set your sizing properties "by hand".
I'm using the chosen script by harvest, and on a couple of pages I'm using a Multiple Select. When you have selected some options, the select box grows in height. The only issue is that I have this is in a table cell which doesn't grow with it :/
Unfortunately the code is in a locked site and it's not easy to duplicate for a demo, but if you go to the chosen site (linked above) and try one of the multi selects you'll see how it grows when selecting multiple items.
I've tried to put it in a div in the table cell and cleared it, but it still goes over the cell.
I've also tried inline-block, and height:auto on the cell, but nothing :(
Does anyone have any suggestions on how I could make the cell height grow with the content?
Here's a screenshot:
Please look at the following page in IE9..
www.homextreme.co.za/default_test.aspx
I have added borders on some of the tables for debugging purposes
On the left choose any region from the dropdown, the page will refresh..
On the right you will see there is now a gap below the table on the right.
I have googled for ages and searched for IE9 table bug fixes and tried them but for the life of me I cannot get that cell to size correctly. Can somebody please help me with a solution for this?
Link to screenshot before I expand the directory on the left.
Link to screenshot after...
Thanks
After making a selection from the list you get a long list on the left column. Since all the content is inside a bigger table (oy tables inside tables inside tables), the right column has to expand vertically.
In the right column there are two cells on on top of the other one (plus the one in the middle for spacing). The one in the top includes the table with the space you don't want, the cell in the bottom has a bunch of other smaller sections. The top cell expands vertically and ends up being taller than the content, and that's the extra space you see. If you change the vertical alignment (vAlign) of that cell (1st row, 3rd cell) to top, you'll see the space move to the top.
The reason it doesn't show up in other browsers is that they probably have different row height algorithms and make the 1st row as small as possible and leave the rest to the 2nd and 3rd. And then IE uses percentages or makes the rows proportional to the content or something.
I'm not sure what to suggest you do to fix this. If you're going to stick to tables for layout, just use one row and have a cell for each column, and keep the content of each column in the same cell instead of splitting it in rows.
This I can't figure out despite my best effort.
I got a table that has 4 cells;
the the first cell is longest, has a fixed width and a 2 row span.
The 2nd cell is supposed to have a fixed height.
The contents of the 3rd cell are going to change often so I have no idea what the height is going to be,
and the 4th cell has a col span of two.
It looks perfect in Firefox as it seems to let me set the cell height, but it looks poor in IE
as it's completely ignoring it and for some reason, instead of making cell 2 the fixed height or even the height of the content, it uses all the space the 3rd cell isn't using which makes the header look way bigger than it should when the content in the 3rd cell isn't big enough.
This only seems to happen in IE; I tested both Chrome and FireFox and they both do it like I want.
I'm using IE 9 the rest of the page works too; just this one annoying format issue.
My site: http://gallery.pawworks.net.
I'm trying to make a template for the rest of the site pages and the page content goes in the 3rd cell so thus why the template will not know the size.
As for what I tried in the cell that should have the fixed height:
<td height="60" style="height:60px;max-height:60px;">
Edit: putting the Doctype tag in didn't help. what I've ended up doing is added a div tag to the cell that is the height I want and another to the cell that should be but isn't.
Used JavaScript to get the height of the one that is sized correctly, and the height of the other. If the height of the other is larger than the height of the first do nothing otherwise set the height of the second to match the first. That way if the content cell gets bigger than the nav cell it can expand, but if not it'll pad the extra space out so that IE keeps the cell at the correct min size which prevents the header cell from exceeding the max size which is what I was after (and can just outright set in every other browser I've tried).