[Pro] Another WebYep Question

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 (http://www.westchesterstriders.org/stridersnews.html))

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).

Hope this makes sense

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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

all the best max


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Max

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?

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok

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.

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi jeff… to add a rounded border to the image you would click the extended button within the webyeb image action palette and add this

style="border:1px white solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; "

I have added a border as well and if you wanted say padding between the the border and the image you would add this

Hi jeff to add a border to the image you would click the extended button within the webyeb image action palette and add this

style="border:1px white solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:3px; "

please note you need the " marks as above
All the best max


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Max

Tried adding your code and still get nothing.

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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:

Hi Max

Tried adding your code and still get nothing.

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Somehow, the curly quotes I added in Mail were stripped out by the formatter here. So the first example should be:

foo(‘bar’)

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walt – that seems to have been it.

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.

Jeff


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options