Hello everyone, So here is the site that I'm working on. Please take a look at it so you can better understand what I'm trying to do. BTW why can't you post HTML links in these forums?? what am I not doing right? -- ANYWAYS, I'm spelling the URL out without the proper punctuation so that it can still be read and understood (make sure in URL for OverGreenHills, to use Capital letters where necessary) www richardkubec com / OverGreenHills WHAT I WANT FIXED IS ON THE HOME PAGE: when a box is clicked on the Home page, the thumbnail picture is enlarged, however the image is huge. I need this image to be responsive to the size of the browser. I've tried to do this and have only gotten it responsive with black borders on both the right and left sides. This is not what I need. I want the picture taking up the entire space without any borders whatsoever. (My client is very particular) I've been trying for hours to figure this out to little or no avail. Please help Any help would be SOOOOOO appreciated. Karma is real. Thanks in advance.
Hello there, are you sure that you add the ib-preview img and all the classes on the CSS style page!? because when i look on your website resources there is no CSS add for the Script you use! if you check the Demo of the script : Link You can get the Style to add on your own Theme... and this will work Properly. Goodluck
@ themes4all, Thank you for your response. Yes the ib-preview CSS style is applied to the boxgrid.css file that is attached to index.html. Here are the detail of the ".ib-content-preview class": .ib-content-preview{ position: absolute; top: 0px; left: -50px; width: 100%; height: auto; display: none; background-color:#000; }
To address what you are asking about, you'd likely have to set the max-width and max-height of the image to 100% WITHOUT setting it's width and height... Though doing so with the inaccessible wreck of images for text is going to be a ugly disaster. Of course even finding the images, their links, or anything else in there is a pain because -- to be brutally frank -- you have a laundry list of how not to build a website. (Does it smell like Adobe in here?) Images for text so there's nothing for screen readers or search engines to see and pissing all over accessibility due to the inability of the text to auto-adjust to user preferences, nothing remotely resembling semantic markup, those stupid malfing Adobe mm_ scripts doing CSS' job, "Spry" menu code on a page that doesn't seem to even have dropdowns, NOT that there's a legitimate reason to EVER use that, endless pointless javascript that reeks of the "pageloads are evil" nonsense, endless pointless DIV, static style inlined in the markup, static scripts inlined in the markup... and that's before we talk the turdpress asshattery, fixed width layout, illegible goofy scripts in those images for text, the full screen image loading garbage, etc, etc. Even what you are asking how to do, which to be frank is something that has no business being done on a website in the first blasted place if you care about users actually USING the site! Hardly a shock to then see 42k of HTML on a page that has NO actual content text and ten actual content images; likely a dozen times as much code as should have been used if you want to keep it an inaccessible mess, and more like five to eight times what should be needed if one were to take the time to try and fix all the problems. It's what I like to call a "Not viable for web deployment" site design, which is why I'd HIGHLY recommend throwing that entire mess away and starting over with minimalist semantic markup, separation of presentation from content, and backing away from the javascript for nothing that's pissing away bandwidth just to make the site harder to use.
See also validation errors Brandon, you're fighting a losing battle when you try to debug a page that has so many syntax errors. cheers, gary