http://www.bkwebdesignandhosting.co.uk/proargi9/

http://www.buy-proargi9.co.uk

 

bassicaly in the first link theres shadow(not placed correctly) either side of my elements in the middle. done by puttin the shadows on the background but ovs with dif resoultions this aint gunna work.

 

on my main site i want to make the shadows either side in probs a div?.. whats the best way to go about this?

Edited July 5, 201115 yr by kingy da killa

If it's fixed-width, do it as one alpha png.

If it's fixed-width, do it as one alpha png.

it is fixed wdith

Add another wrapper.

 

<div id="mainWrapper"></div>

 

Make it wrap around your current wrapper. Make it as wide as you need, depending where you want the shadows.

 

Then:

 

#mainWrapper{
-webkit-box-shadow: 0px 30px 10px 4px #7a7a7a;
-moz-box-shadow: 0px 30px 10px 4px #7a7a7a;
box-shadow: 0px 30px 10px 4px #7a7a7a;
}

 

 

No?

ooo actuly i think im trying to complicate things if ur looking at my code i can give just a png shadow of either side... to my wrapper div maybe

ooo actuly i think im trying to complicate things if ur looking at my code i can give just a png shadow of either side... to my wrapper div maybe

 

What's the point in using a PNG when you can just do it with CSS3? :s

Add another wrapper.

 

<div id="mainWrapper"></div>

 

Make it wrap around your current wrapper. Make it as wide as you need, depending where you want the shadows.

 

Then:

 

#mainWrapper{
-webkit-box-shadow: 0px 30px 10px 4px #7a7a7a;
-moz-box-shadow: 0px 30px 10px 4px #7a7a7a;
box-shadow: 0px 30px 10px 4px #7a7a7a;
}

 

 

No?

 

i had to add a fixed width and remove the auto margin from my main div but yeah it works but the shadow dont look to great so ima swap it for a png love you long time <3

i had to add a fixed width and remove the auto margin from my main div but yeah it works but the shadow dont look to great so ima swap it for a png love you long time <3

 

 

You just need to edit the CSS for the shadow. You control every aspect.

 

It's pointless using a PNG.

 

Go here: http://css3generator.com/

and select box shadow.

 

Sorted.

oright gezza. nice1 cheers

 

o yeah but what about like ies can they see this?

Edited July 5, 201115 yr by kingy da killa

Problem with the box shadow model is its inconsistency through the different browsers.

I'd say use it if that doesn't bother you because it's more efficient and the way forward however if you are after consistency then stick with the .PNG

Problem with the box shadow model is its inconsistency through the different browsers.

I'd say use it if that doesn't bother you because it's more efficient and the way forward however if you are after consistency then stick with the .PNG

only 9+ can see it so yeah ima stick with the .png as i need other browsers to see it i could do a fix n all that that but thats long!

porkchops how to do a shadow in fireworks so it dont look dogey >.<

i done it like this:

 

 

 

not the best way but uff it.

 

fireworks dont allow u to go from transparent to black it has to have a colour so its long!

Edited July 5, 201115 yr by kingy da killa

Is this any good to you?

 

CSS3 PIE

 

Not used it yet so can't vouch for it.

Is this any good to you?

 

CSS3 PIE

 

Not used it yet so can't vouch for it.

 

not really because of it dont support ies... but then again a seprate style sheet would sort that out.

 

cheers thou

it dont support ies...

 

I thought the whole point was that it did .... ???

 

About

 

Seems like a shim to help IE support these features. Like I say though, haven't used it myself yet.

Well if browser compatibility is a problem for you, use IE conditional statements. Then use different CSS for IE, using the PNG. The PNG then won't load for modern browsers, where you use CSS3 border shadow, but IE will load the PNG. So it works the same for everybody.

 

Plus, you can always use a Shim, as Gibson mentions.

Edited July 5, 201115 yr by brightonmike

Looks like the desired effect is the shadow fading to white as it goes down the element, which means the CSS box-shadow is a bit of a moot point.