Bitcoin Forum

Other => Meta => Topic started by: shahzadafzal on November 08, 2022, 10:29:44 AM



Title: CSS style issue with Table and Image
Post by: shahzadafzal on November 08, 2022, 10:29:44 AM
Well this happened to me multiple times, first I thought it's an issue with my BBCode, but I guess there is some issue with forum css.

This happens when you add a table with an image in it. For example, I added the below table with an image in the first column.

I did not specify height or width but still its shrinking

https://i.imgur.com/RrMEJfl.png

Now even if you try to put e.g. height=800 and width=800, still it will shrink.

It's a small issue but still maybe theymos you need to check.

https://i.imgur.com/RrMEJfl.png

I have noticed it's coming from below CSS of img.userimg

Code:
style.css:649
img.userimg {
    max-width: 100%;
}


or either this

Code:
style.css:555
div#bodyarea table.bordercolor td td td.td_headerandpost td:first-child {
    width: 26px;
}


Title: Re: CSS style issue with Table and Image
Post by: DdmrDdmr on November 08, 2022, 11:03:33 AM
Not sure why it really does it, but as a work around, I recall inserting an empty column seems to solve the issue, at least visually. Using your tables, and sizing the second one smaller to place a few more columns alongside, you get something like this:

https://i.imgur.com/RrMEJfl.png

https://i.imgur.com/RrMEJfl.png
https://i.imgur.com/RrMEJfl.png
https://i.imgur.com/RrMEJfl.png


Title: Re: CSS style issue with Table and Image
Post by: shahzadafzal on November 08, 2022, 11:09:26 AM
Not sure why it really does it, but as a work around, I recall inserting an empty column seems to solve the issue, at least visually. Using your tables, and sizing the second one smaller to place a few more columns alongside, you get something like this:


Yes that's exactly what I did in some of my recent posts as a work around :)

https://bitcointalk.org/index.php?topic=5419254.msg61252285#msg61252285
https://bitcointalk.org/index.php?topic=5419925.msg61258293#msg61258293


Title: Re: CSS style issue with Table and Image
Post by: AB de Royse777 on November 14, 2022, 09:31:51 AM
Not sure why it really does it, but as a work around, I recall inserting an empty column seems to solve the issue, at least visually. Using your tables, and sizing the second one smaller to place a few more columns alongside, you get something like this:
Yes that's exactly what I did in some of my recent posts as a work around :)
Even in the signature designs when designers give me the design code and if the design has a table, I recheck and fix it by my own :-)