1. satır: |
1. satır: |
| /* Missing width & height */ | | /* Missing width & height */ |
− | .parent {position: relative; top: 0; left: 0;} | + | .parent {position: relative; top: 0; left: 0; max-width: 48px;} |
| /* .parent img {margin: 0 auto;} */ | | /* .parent img {margin: 0 auto;} */ |
| | | |
− | .backimage {position: relative; top: 0; left: 0; /*background-color: rgba(0,255,0,0.5);*/} | + | .backimage {position: relative; top: 0; left: 0; max-width: 48px; /*background-color: rgba(0,255,0,0.5);*/} |
− | .backimagetransparent {position: relative; top: 0; left: 0; /*background-color: rgba(0,255,0,0.3);*/} | + | .backimagetransparent {position: relative; top: 0; left: 0; max-width: 48px; /*background-color: rgba(0,255,0,0.3);*/} |
− | .backimage img {display: block;} | + | .backimage img {display: block; max-width: 48px;} |
− | .backimagetransparent img {display: block; opacity: 0.6;} | + | .backimagetransparent img {display: block; opacity: 0.6; max-width: 48px;} |
| | | |
| /* Must account for td's padding if in a table cell */ | | /* Must account for td's padding if in a table cell */ |
| /* Could set top to 0, but then 48x96 images display wrong */ | | /* Could set top to 0, but then 48x96 images display wrong */ |
| .foreimage {position: absolute; bottom: 0; left: 0; max-width: 48px;} | | .foreimage {position: absolute; bottom: 0; left: 0; max-width: 48px;} |
− | .foreimage img {display: block;} | + | .foreimage img {display: block; max-width: 48px;} |