inline html boxes

Hi and I hope all had a great Christmas.

Im creating a CSS page i place all the inflow HTML boxes, add effects (rounded corners, outer glow etc) but then I import an image into the HTML boxes, and this seems to knock all the effects off?? The corners disappear, if I have a border this will go weird esp if the image is a 1px image repeating).

Can I not use the import image to background and use the in built effects?

Please help!

Cheers

Jus


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

Try inserting an inline graphics box separately and import your photo into that box. It should work. If you select a rounded HTML box and then import a photo directly into that box, you will turn it into a graphics box by default, I think. You should be able to round the corners of a graphics box the same as an HTML box, but you need to do that separately with the graphics box selected.

Walter


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

Thanks - Freeway have got back to me saying ‘In order for Freeway to create the rounded corners, what it does is slices an image into nine sections; the four corners, the four edges and the center. By default it creates a background image using a solid color…’

anyway I was using a 1px wide image to repeat so doesn’t work, if I want to add effects. I have used the separate Action called CCS rounded corners this does let me use 1px images repeat, also I use the Action css shadow, which also works with repeat images… But as soon as I add anything else from the inbuilt effects it all goes to pot -

Thanks anyway

Jus


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

You could try using my CSS3 Actions[1] for this. There’s a rounded
corner Action and a box-shadow Action. Naturally, they will only work
in CSS3-aware browsers – so that means no IE user will see the
effect. But they work very unobtrusively, so the IE users will simply
see square corners and no shadow and never know the difference.

This is a form of progressive enhancement[2] in a way, making things
look great for those who take the trouble to use a standards-compliant
browser, and making them look okay for the rest.

Walter

  1. http://www.actionsforge.com/projects/view/78-css3-goodies
  2. http://www.actionsforge.com/articles/edit/8-progressive-enhancement

On Dec 30, 2009, at 12:50 PM, Justin Easthall wrote:

Thanks - Freeway have got back to me saying ‘In order for Freeway to
create the rounded corners, what it does is slices an image into
nine sections; the four corners, the four edges and the center. By
default it creates a background image using a solid color…’

anyway I was using a 1px wide image to repeat so doesn’t work, if I
want to add effects. I have used the separate Action called CCS
rounded corners this does let me use 1px images repeat, also I use
the Action css shadow, which also works with repeat images… But as
soon as I add anything else from the inbuilt effects it all goes to
pot -

Thanks anyway

Jus


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

there must be a delay going on here!

But yes thanks - thats what Ive ended up using

cheers

J


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