Trying to add a margin at the bottom of every row in a Web Yep Gallery.
I have inserted the WebYepGalleryContainer tr and td styles and under extended, I am trying to add a 20 px margin at the bottom to separate all of the rows.
It doesn’t matter what I put in the extended (margin-bottom, value ‘N’ nothing will add any margin to a row.
Does anyone have any experience in this direction?
Try adding your style to the TD rather than the TR, and try using
padding-bottom instead of margin-bottom. I just tried this with a
regular Freeway style and it worked fine. Remember to add the style to
each td in the tr, or simply create a style that looks like this
tr.someclass td { padding-bottom: 10px; }
and then apply the someclass class to your TR.
Walter
On Apr 5, 2011, at 3:13 PM, sampolfonz wrote:
Trying to add a margin at the bottom of every row in a Web Yep
Gallery.
that must already be inside the web yep gallery element (pardon my lack on knowledge here).
I tried adding extended to both of these in the style editor and it did nothing.
I can change background color, add padding to the text…all that is working. But, I need to be able to add a margin of space to the bottom of each row so that it looks uniform for the the start of the next row.
I tried to add (name) padding-bottom (value) 10px
to an extended element of both of the fields above and nothing is happening.
Hi Richard I have to guess because I cant see what you are aiming for but as a guess have you tried adding a border to the bottom of the cells so that would be:
I thought white space could be added under the rows. With the tr and not the td. I can’t get anything to change with the tr tag. Anything that is with the td tag ends up covering up what I try to put in via the tr tag.
I have had very little luck styling the TR in many different browsers.
I stick to styling the TD, using padding to move the content away from
the borders or edges. If you want the illusion of margin below the TR,
then just add your margin to the TD. What I usually do is to add
padding to the TD top and bottom, and that brings the content away
from the edges, which I then style with a border on either the top or
the bottom.
Walter
On Apr 5, 2011, at 7:04 PM, sampolfonz wrote:
So i can’t add margin to the bottom of each row?
I thought white space could be added under the rows. With the tr and
not the td. I can’t get anything to change with the tr tag.
Anything that is with the td tag ends up covering up what I try to
put in via the tr tag.
…in the styles palette. Adding .WebYepGalleryImage in the Tag box, nothing in the style box, and margin-top: 10px; margin-bottom: 10px in the extended button/section
WebYepGalleryImage being the div that holds the webyep image. This should vertically space the image rows.
Note: Freeway can be stubborn updating styles making it look as though nothing is happening, deleting the CSS file in the site folder can kick the CSS into life in the browser.