Info tab width affected by number of letters within the HTML tags.
Posted: Sun Sep 24, 2023 6:56 am
Issue #1
If i want tiny width info box on the left side of the image and have too many characters on one line of the info window even if letters are inside HTML tags brackets <...>, this includes CSS or any text withing html tag brackets e.g.
This will make the info box cover half screen, even though actual text is just three characters.
I think width of box calculated based on number of total characters on one line, but instead characters inside html tag brackets <> should not be taken into account.
Issue #2
Due to first problem have to break long lines into two two shorter lines and this introduces additional breaks in text making table height twice as long, note the additional space in every table row.
Every new line adds break-space character <br />, with table or table-less layout, its just in this example i used table, but its with any tags.
Issue #3
If you really in mood for fixing info box, also note in issue #2 code DIV tag has background-color: gray, that supposed to also make table and text "123" have gray background, and it does not work as intended.
If i want tiny width info box on the left side of the image and have too many characters on one line of the info window even if letters are inside HTML tags brackets <...>, this includes CSS or any text withing html tag brackets e.g.
Code: Select all
<div style="background-color:blue; font-size:20px; text-align:center; text-align:center; text-align:center; text-align:center; text-align:center; ">123</div>
I think width of box calculated based on number of total characters on one line, but instead characters inside html tag brackets <> should not be taken into account.
Issue #2
Due to first problem have to break long lines into two two shorter lines and this introduces additional breaks in text making table height twice as long, note the additional space in every table row.
Every new line adds break-space character <br />, with table or table-less layout, its just in this example i used table, but its with any tags.
Code: Select all
<div style="font:18px; background: gray;">
<table border="1">
<tr><td><b>File :</b></td><td>{File Type}</td></tr>
<tr><td><b>Name :</b></td><td> {Filename With Ext}</td></tr>
<tr><td><b>Size :</b></td><td> {Size}
</td></tr></table>
123
</div>Issue #3
If you really in mood for fixing info box, also note in issue #2 code DIV tag has background-color: gray, that supposed to also make table and text "123" have gray background, and it does not work as intended.