Hey

 

Just wondering why some features of my site only show in certain browsers.

It's the drop shadow and rounded borders. Is it something to do with different versions of CSS and is there anyway I could get it to work in all the Web Browsers?

 

 

Thanks in advance ;D

There are certain CSS properties that aren't supported by all browsers. For example, Internet Explorer has several special filters to add special effects to content. Sadly, the filters don't work in some other browsers. You would be better off making a drop shadow using a program such as Gimp or Inkscape and adding it into your webpage that way (through an image). Avoid using browser specific CSS code in general unless you are purposely doing so.

So far, the best reference that I've found for CSS is:

 

The Ultimate CSS Reference by Sitepoint

 

If you're able to get this book in some way, I would recommend reading it. Best CSS book/reference I've ever seen. It talks all about which css code works in what browsers.

ok so you want a drop shadow on your nav bar and rounded corners.

 

the esiest way to do this is making it in photoshop and inputing the image

 

step 1. make the nave bar

 

step 2. use the slice tool ( c ) to cut up the difrent buttons {make sure the slises tuch each other [ you may have to zoom in] }

 

step 3. go file save as. save it as a psd so you can edit it latter.

 

step 4. go file save as web devises. press the save button and select images (not html/images).

 

step 4.1. if you have transparent backgrounds make sure that you have png24 selected at the top right hand corner and both boxes ticked other wise it wont be transparnet (png8 has white lines round it) png24 is best

 

step 5. put the images in your site.

 

ok so you want a drop shadow on your nav bar and rounded corners.

 

the esiest way to do this is making it in photoshop and inputing the image

 

step 1. make the nave bar

 

step 2. use the slice tool ( c ) to cut up the difrent buttons {make sure the slises tuch each other [ you may have to zoom in] }

 

step 3. go file save as. save it as a psd so you can edit it latter.

 

step 4. go file save as web devises. press the save button and select images (not html/images).

 

step 4.1. if you have transparent backgrounds make sure that you have png24 selected at the top right hand corner and both boxes ticked other wise it wont be transparnet (png8 has white lines round it) png24 is best

 

step 5. put the images in your site.

 

Not on the nav bar, On the side box, and content boxes.

 

 

Also, with images, I don't want to add text, so I can easily change it in the HTML code later..

Sorry I tried going to the website to look at the technical side of things but I was distracted by the pictures.

hmmm ok

 

try looking at it threw adobe browser lab to test and see what works best.

 

aslo have a look at w3schools css tutorials.

 

but beying as its interprated difrently i cant see how you can do it.

unless you find code the works for the individual browsers and put it all in as wone, as long as they don't cancel each other out

hmmm ok

 

try looking at it threw adobe browser lab to test and see what works best.

 

aslo have a look at w3schools css tutorials.

 

but beying as its interprated difrently i cant see how you can do it.

unless you find code the works for the individual browsers and put it all in as wone, as long as they don't cancel each other out

 

I'll try and draw up an Image in photoshop in a bit of how I want it to look.

 

 

Sorry I tried going to the website to look at the technical side of things but I was distracted by the pictures.

 

Baha ;D

There are sure CSS places that aren't supported by all web browser. For example, Internet Explorer has various special filters to add special consequences to content.