# \[Pro\] Another WebYep Question

**URL:** <https://discourse.softpress.com/t/pro-another-webyep-question/9228>\
**Category:** Freeway\
**Created:** [October 28, 2010, 10:06pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228 "2010-10-28T22:06:50Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jeffrey\_Stern](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/cc9497/32.png) [@Jeffrey\_Stern](https://discourse.softpress.com/u/Jeffrey_Stern)\
**Post date:** [October 28, 2010, 10:06pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/1 "2010-10-28T22:06:50Z")

</div>

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](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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Max\_Fancourt](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/m/e19adc/32.png) [@Max\_Fancourt](https://discourse.softpress.com/u/Max_Fancourt)\
**Post date:** [October 29, 2010, 6:21am UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/2 "2010-10-29T06:21:49Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Jeffrey\_Stern](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/cc9497/32.png) [@Jeffrey\_Stern](https://discourse.softpress.com/u/Jeffrey_Stern)\
**Post date:** [October 29, 2010, 11:31am UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/3 "2010-10-29T11:31:34Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Jeffrey\_Stern](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/cc9497/32.png) [@Jeffrey\_Stern](https://discourse.softpress.com/u/Jeffrey_Stern)\
**Post date:** [October 29, 2010, 2:19pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/4 "2010-10-29T14:19:01Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Max\_Fancourt](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/m/e19adc/32.png) [@Max\_Fancourt](https://discourse.softpress.com/u/Max_Fancourt)\
**Post date:** [October 30, 2010, 7:44am UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/5 "2010-10-30T07:44:13Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Jeffrey\_Stern](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/cc9497/32.png) [@Jeffrey\_Stern](https://discourse.softpress.com/u/Jeffrey_Stern)\
**Post date:** [October 30, 2010, 4:20pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/6 "2010-10-30T16:20:55Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [October 30, 2010, 5:23pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/7 "2010-10-30T17:23:32Z")

</div>

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](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [October 30, 2010, 5:36pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/8 "2010-10-30T17:36:48Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Jeffrey\_Stern](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/cc9497/32.png) [@Jeffrey\_Stern](https://discourse.softpress.com/u/Jeffrey_Stern)\
**Post date:** [October 31, 2010, 4:31pm UTC](https://discourse.softpress.com/t/pro-another-webyep-question/9228/9 "2010-10-31T16:31:14Z")

</div>

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](http://freewaytalk.net/person/options)