i'm sorry if i'm not using the correct terminology, bootstrap is kicking my butt and i'm in need of sleep LOL
okay! so i have a table, and images inside, and it looks all fine and dandy like so:
the issue that arises is when i shrink my browser window, and it scrunches up my images like this:
and i was wondering how i could keep it from doing that, and instead maintain it's resolution? the whole squished look is making me all anal retentive but i'm just a little lost haha
bootstrap is meant to be responsive & will resize images when the containers are made smaller- though usually it should resize the entire image to scale, not just squish it. i'd need to see the actual live page to see if anything is off in the table html
one way to stop resizing is to stop the table from shrinking with the screen by giving it a fixed width.
wicked i was pouring over bootstrap sites last night trying to figure out what i did wrong LOL ;; v ;; part of me is afraid that it might be the same thing as the forum image problem, irt getting squished. this is the page, btw! let me know if you need to see the code too!
okay found the issue! your images have a set height, which is what is causing it to stretch weird as it shrinks - if you clear the set height/width, the table will automatically size your image appropriately. when you set the height and width, then shrink the table, your images width will also shrink to keep fitting the table, but the height will stay with whatever you set
you can just set your table cells to be equal width & past images in them - the table will do the work to make sure the image does not exceed the size of the table cell