I need to make a couple of pages of a site I designed a few years ago “updatable” by the client – I figured I would add some WebYep elements to the pages that need to have the CMS capability.
One of the pages in questions is kind of set up in a two column format (although using layers and not a box model). I started playing around with layering a box model over the page below the banner and navigation and adding some WebYep loop items. (Here is a link to the old existing page (westchesterstriders.org))
I’m testing what I did so far on a MAMP setup so don’t have anything to show at the moment. I essentially set up a two column box model over the black background using the image currently on the left (with caption and the article to its right. My WebYep loop seems to work except for one thing – when adding the second loop item, the new, or second image ends up just below the caption of the first even thought the first article text is well below that position. So my question, is how can I control the spacing below the first loop block (image on left with caption, plus text article on the right) so that the second loop block starts below the text article).
Hi jefrey
Why dont you have a container div then inside that have two DIVs one is floating left the other right.
Then in each floating DIV insert a set of looped elements and in the other floating DIV another set of looped elements…
that way each loop is independent from each other and they will loop within there own space
I kind of tried that, but the second looped item (the picture) shows up right under the first picture and I want it to correspond to the second text article. Would it work if I added a spacer div below the left and right divs and have the end loop inserted as the last item – so that the spacer controls where the next looped block starts?
Kind of figured it out. Put a spacer div in at the bottom and that seems to do the trick.
My only other question (at the moment), is how can I maintain the image size with the rounded corners. Right now I have a fixed size webyep image box within an html box. I tried adding the CSS Rounded corner action to the outer html box, however, when I bring in an image that is to the dimensions of the box, the corners of the image “bleed” out of the box. if I bring in a larger image it doesn’t fill the box, and if I try adding rounded corners to the graphic box (the webyep image box) nothing seems to happen. So is there a way to make any size image fit to the box, a way to not have the images “bleed” out the corners if I use the html box or is there some other way to get my rounded corner box to work.
Make sure, if you were copying the code from the Web version of this
mailing list, that you un-curl any quotation marks in Max’s code.
There’s a whole world of difference between
foo(‘bar’)
and
foo('bar')
in that the former will either error or just ignore you, and the
latter will work.
Walter
On Oct 30, 2010, at 12:20 PM, Jeffrey Stern wrote:
Related question: is creating corner radii like this a bit inexact. I notice that the corners, especially the bottom left and right, appear a bit less white and thick than the sides.