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:
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.
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.
Here's my CoffeeCup SCCP Shop with examples of what can be done.
This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
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.
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.
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.
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
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : email@example.com
gmail : firstname.lastname@example.org
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
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.
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.