Hi Todd the mootools light-box version (slimbox) wont work though I have ask if this could be a possible future inclusion and as far as video goes at the moment I think if you try to upload a video up using a normal image action it will fail.
though it is possible using TinyMCE and the image manager plug-in.
Thanks Max, that’s what I thought but I figured I would ask anyway. I would prefer to avoid using a rich text editor for the movie so I think I’ll stick with FW for that aspect.
Todd
On Sep 12, 2008, at 3:07 PM, max wrote:
the mootools light-box version (slimbox) wont work though I have ask if this could be a possible future inclusion and as far as video goes at the moment I think if you try to upload a video up using a normal image action it will fail.
though it is possible using TinyMCE and the image manager plug-in.
The way I normally do this is:
Draw an html box to the size I want then add my styling like borders margins drop shadows etc Then I click inside so I have a flashing curser and then insert my webyep image expand it to fill this outer html box
Then I copy the whole thing and place the lot as an in line then I can float it left or right etc. The reason I do it this way is not only does this allow me to use effect like drop shadows but I also get some sort of visual feedback about how things are panning out when it comes to floats.
You can use the arbitrary attributes area but this wont actually help much when you are trying to do things like visual effect.
This sort of problem is on my to do list… so soon (I hope) these sort of problems will be a distant memory
I tried Max’s method first but what I should have told you is that the pictures in the loop are not all the same size and because of this the border doesn’t ‘cling’ (technical term) to the picture bounds.
David - your method was next and though I had tried this already I obviously didn’t have the syntax correct but using
style="border:1px solid #663300"
I got the result I was after - thanks.
Walter I had tried various permutations of applying a class but I just couldn’t get it to work in the loop and as the other guys have suggested I think that this instance is one where the normal rules don’t apply.
One of the main problems this method, is the photo has to be used in WebYep otherwise all you see is a collapsed div with the styling.
By styling the webyep picture itself, the WepYep editor does not worry if the picture is not used, as the styling is only visible when there is picture content.
On 14 Sep 2008, at 20:51, max wrote:
The way I normally do this is:
Draw an html box to the size I want then add my styling like borders margins drop shadows etc Then I click inside so I have a flashing curser and then insert my webyep image expand it to fill this outer html box
Then I copy the whole thing and place the lot as an in line then I can float it left or right etc. The reason I do it this way is not only does this allow me to use effect like drop shadows but I also get some sort of visual feedback about how things are panning out when it comes to floats.
You can use the arbitrary attributes area but this wont actually help much when you are trying to do things like visual effect.
This sort of problem is on my to do list… so soon (I hope) these sort of problems will be a distant memory
If you find yourself in a similar situation again, one thing to do is
look at the generated page using Xyle scope (http://culturedcode.com)
and see what rule(s) are applying to each element. Often you will
discover that what you thought was a really precise rule to attach to
an element is being overridden by another rule elsewhere.
Also, if you want a border to “shrink-wrap” to an image, you can try
applying the border to the image itself, or you can try floating its
container.
.someclass img {
border: 1px solid #333;
}
That rule attaches to an image inside an element with the classname
‘someclass’, and applies a border to the image itself.
The float trick will only work if the image is an inline. Unless told
otherwise, floated elements collapse to the width of their longest
child element.
Walter
On Sep 14, 2008, at 9:00 PM, DeltaDave wrote:
Thanks to you all for your suggestions.
I tried Max’s method first but what I should have told you is that
the pictures in the loop are not all the same size and because of
this the border doesn’t ‘cling’ (technical term) to the picture
bounds.