Bitcoin Forum
May 01, 2024, 05:19:49 AM *
News: Latest Bitcoin Core release: 27.0 [Torrent]
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: CSS style issue with Table and Image  (Read 122 times)
shahzadafzal (OP)
Copper Member
Legendary
*
Online Online

Activity: 1526
Merit: 2890



View Profile
November 08, 2022, 10:29:44 AM
Last edit: November 08, 2022, 10:41:37 AM by shahzadafzal
Merited by AB de Royse777 (1)
 #1

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



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.



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;
}

█▀▀▀











█▄▄▄
▀▀▀▀▀▀▀▀▀▀▀
e
▄▄▄▄▄▄▄▄▄▄▄
█████████████
████████████▄███
██▐███████▄█████▀
█████████▄████▀
███▐████▄███▀
████▐██████▀
█████▀█████
███████████▄
████████████▄
██▄█████▀█████▄
▄█████████▀█████▀
███████████▀██▀
████▀█████████
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
c.h.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▀▀▀█











▄▄▄█
▄██████▄▄▄
█████████████▄▄
███████████████
███████████████
███████████████
███████████████
███░░█████████
███▌▐█████████
█████████████
███████████▀
██████████▀
████████▀
▀██▀▀
1714540789
Hero Member
*
Offline Offline

Posts: 1714540789

View Profile Personal Message (Offline)

Ignore
1714540789
Reply with quote  #2

1714540789
Report to moderator
You get merit points when someone likes your post enough to give you some. And for every 2 merit points you receive, you can send 1 merit point to someone else!
Advertised sites are not endorsed by the Bitcoin Forum. They may be unsafe, untrustworthy, or illegal in your jurisdiction.
1714540789
Hero Member
*
Offline Offline

Posts: 1714540789

View Profile Personal Message (Offline)

Ignore
1714540789
Reply with quote  #2

1714540789
Report to moderator
1714540789
Hero Member
*
Offline Offline

Posts: 1714540789

View Profile Personal Message (Offline)

Ignore
1714540789
Reply with quote  #2

1714540789
Report to moderator
DdmrDdmr
Legendary
*
Offline Offline

Activity: 2296
Merit: 10748


There are lies, damned lies and statistics. MTwain


View Profile WWW
November 08, 2022, 11:03:33 AM
 #2

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:






shahzadafzal (OP)
Copper Member
Legendary
*
Online Online

Activity: 1526
Merit: 2890



View Profile
November 08, 2022, 11:09:26 AM
 #3

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 Smiley

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

█▀▀▀











█▄▄▄
▀▀▀▀▀▀▀▀▀▀▀
e
▄▄▄▄▄▄▄▄▄▄▄
█████████████
████████████▄███
██▐███████▄█████▀
█████████▄████▀
███▐████▄███▀
████▐██████▀
█████▀█████
███████████▄
████████████▄
██▄█████▀█████▄
▄█████████▀█████▀
███████████▀██▀
████▀█████████
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
c.h.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▀▀▀█











▄▄▄█
▄██████▄▄▄
█████████████▄▄
███████████████
███████████████
███████████████
███████████████
███░░█████████
███▌▐█████████
█████████████
███████████▀
██████████▀
████████▀
▀██▀▀
AB de Royse777
Legendary
*
Offline Offline

Activity: 2464
Merit: 3890


Visit: r7promotions.com


View Profile WWW
November 14, 2022, 09:31:51 AM
 #4

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 Smiley
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 :-)

..Stake.com..   ▄████████████████████████████████████▄
   ██ ▄▄▄▄▄▄▄▄▄▄            ▄▄▄▄▄▄▄▄▄▄ ██  ▄████▄
   ██ ▀▀▀▀▀▀▀▀▀▀ ██████████ ▀▀▀▀▀▀▀▀▀▀ ██  ██████
   ██ ██████████ ██      ██ ██████████ ██   ▀██▀
   ██ ██      ██ ██████  ██ ██      ██ ██    ██
   ██ ██████  ██ █████  ███ ██████  ██ ████▄ ██
   ██ █████  ███ ████  ████ █████  ███ ████████
   ██ ████  ████ ██████████ ████  ████ ████▀
   ██ ██████████ ▄▄▄▄▄▄▄▄▄▄ ██████████ ██
   ██            ▀▀▀▀▀▀▀▀▀▀            ██ 
   ▀█████████▀ ▄████████████▄ ▀█████████▀
  ▄▄▄▄▄▄▄▄▄▄▄▄███  ██  ██  ███▄▄▄▄▄▄▄▄▄▄▄▄
 ██████████████████████████████████████████
▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄
█  ▄▀▄             █▀▀█▀▄▄
█  █▀█             █  ▐  ▐▌
█       ▄██▄       █  ▌  █
█     ▄██████▄     █  ▌ ▐▌
█    ██████████    █ ▐  █
█   ▐██████████▌   █ ▐ ▐▌
█    ▀▀██████▀▀    █ ▌ █
█     ▄▄▄██▄▄▄     █ ▌▐▌
█                  █▐ █
█                  █▐▐▌
█                  █▐█
▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀█
▄▄█████████▄▄
▄██▀▀▀▀█████▀▀▀▀██▄
▄█▀       ▐█▌       ▀█▄
██         ▐█▌         ██
████▄     ▄█████▄     ▄████
████████▄███████████▄████████
███▀    █████████████    ▀███
██       ███████████       ██
▀█▄       █████████       ▄█▀
▀█▄    ▄██▀▀▀▀▀▀▀██▄  ▄▄▄█▀
▀███████         ███████▀
▀█████▄       ▄█████▀
▀▀▀███▄▄▄███▀▀▀
..PLAY NOW..
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!