Images not filling up their...

User 2737979 Photo


Registered User
6 posts

Hopefully someone can figure out why my uploaded images appear to be limited to a width of 200 pixels.

My new beta website is designed with RSD. The majority of the webpages contain images. The design format is three columns to a row, each column with a jpeg image. For some unexplained reason, the images do not fill up their respective columns when uploaded, but do so in RSD preview mode.

Presently, the majority of the images are a bit large to be on an efficient website and the plan is to eventually reduce the width of all images to 500 pixels. In the design pane, For each image in RSD, for Dimension, both width and height are set to None. For Position, both Float and Clear have an X next to them. Display is "Block" and "Position" is centered.

For each Column, Max-height is None. Min-height is 50 pixels. For column Position, Float is set at "Left" and Clear has an X next to it. Display is "Block" and "Position" is centered.

You can see a typical uploaded page at the following link:

http://www.birdsinphotos.com/beta/redhead_duck.html

I am seeing the problem when viewing my webpages with a laptop set to 1280 X 768. I also see the problem when viewing on an IPAD2, but when viewed on an iPhone 6+, the images look correct.

I look forward to any helpful suggestions.

Thanks.



User 187934 Photo


Senior Advisor
18,676 posts

You have a max width 200px set on the images in the class responsive-picture. Can you share your .rsd file? We can quickly point you to the proper location with that.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2737979 Photo


Registered User
6 posts

Thanks.

Part of my problem is that I may be misinterpreting the settings in the design pane.

For the picture dimensional settings, I assumed that by checking None that there was no max-width dimension and that the image would expand to the limit of the column which is 4 spans. If this isn't true, then I should not check None and should set the max-width to at least 600 pixels. Should I also uncheck max-height too and set my own limit?

I'm not sure that it makes sense for me upload the project file yet. It's 60 MB and requires Dropbox.
User 271657 Photo


Administrator
3,816 posts

Have you tried setting your pictures to 100% width?


I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2737979 Photo


Registered User
6 posts

I read one of the Help articles last night about the Picture-Element and it confirmed that max-width should have None checked. It is supposed to allow the image to expand to the limit set by its column. I assume that min-width should also have None checked.

When max-width has None checked, it shows a grayed out value of 200 pixels. If you uncheck None and change the max-width to 600 and then recheck None, the grayed out value of max-width will return to 200 pixels as soon as you select another element and return.

I'm willing to try any new suggestions.
User 379556 Photo


Registered User
889 posts

I think that Paintbrush's post immediately before Steve's post is a 'new suggestion'. I guess it appeared while Steve's last post was being typed.

Eric suggested that the .rsd file be provided, and I guess that providing that might help someone get to the root of the problem if Paintbrush's suggestion doesn't do the trick.

Frank
User 2737979 Photo


Registered User
6 posts

Here is the link to the project file on my Dropbox:

https://www.dropbox.com/s/2pogod9shfz8s … 2.rsd?dl=0

The file is 60 MB because it contains many large jpegs image files. All the bird species pages are formatted the same, but the one I mentioned originally is: redhead_duck.html
User 131545 Photo


Registered User
616 posts

You can for positioning uses "containers" for your pictures.
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 2737979 Photo


Registered User
6 posts

In case I forgot to mention, the picture width is set to 100% for all images.

I'm sure that containers could be used to position images, but for now I'm trying to use the technique suggested by Adam using columns and also by the author of the Help article on the Picture-element.



User 379556 Photo


Registered User
889 posts

When I export to a local hard drive from the RSD file provided, the very impressive photographs do fill the column widths except for the sensible 8px padding on each side of the columns in in which they are placed. It therefore seems to me that the problem mentioned in the first post in this thread has either been resolved, or is a problem in updating the website to reflect changes to the RSD file.

Frank

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.