Simple CSS Help

[JCat]

I'm just now getting into CSS. For starters, all I want to do is add borders around images on my home page. I used Dreamweaver and simply added a style sheet for image borders and various text styles. Everything works out perfect in Dreamweaver. I uploaded the style sheet to my store and made sure the html was pointing to the correct directory to where the style sheet resides. Now, I copied and pasted the Dreamweaver code into a temporary page I always use in shopsite for experimentation. I did a "preview" through shopsite, and all css styles related to various text formatting work fine, but no borders show on the images.

As a test, I pasted the code into anew html page separate from the my shopsite store pages, and indeed the borders do show up fine, so the code is all correct.

Do I have to enter something into the meta key description so my shopsite store recognizes this css command? The format is simply <img src="sampleimage.jpg" width="216" height="182" class="imgborder" />

Can someone please give me sample of what would have to be added into the meta key description if that is what is needed? I read the knowledge base and as a beginner with css, I don't understand what is needed to put there. Thank you kindly!


Oh, I'm using the latest version of SS pro.

[BFChris]

Go live with the page and check it.

The way the preview pages are generated, it may not show properly in the preview depending on where your CSS file is located and how you link to it, if I recall correctly.

[njwoods]

hello all,
Well, I think the first question may be----
Which browser are you looking at it in, Internet Explorer or Firefox? Internet Explorer traditionally has some issues with borders, at least before IE7. They have fixed some of the bugs in Internet Explorer 7 version, but it could still be the issue you are running into with the code.

I think if you do a bit of research on the browser compatibility you may be able to see what is wrong in your code. Or the SS views it in a different manner, not sure about that side of it. Good luck with it----what is the code used for the class of "imgborder"?

[MichelleC]

Definitely need to know which browser you're viewing it in...we have had to jump through hoops to get CSS functioning properly across IE 6, 7 and dreading the release of 8. Firefox performs well overall, Safari is always solid. Site does remarkable in Opera (surprised me).
I think you are asking about adding in extra definitions for the CSS in your page's header...since you are using Dreamweaver, did you run its compatibility check? Also- you can get good advice and shared fixes in Adobe's user community- especially on CSS fixes. hope that helps (have certainly felt this pain!)
oh, yeah, and another thing we ran into was java really gacks in IE 6- when used to modify shopsite page elements- our case was resizing the site search feature and text field- but we were using an image file laid down as a background for the text field- caused a "flash" jumping effect in IE 6- wouldn't just cache the one time- any page refresh gave it the strobing effect. ick.
Anyway- my developer extraordinaire fixed that too. He pointed me to a really good handy CSS reference at http://www.addedbytes.com (formerly ilovejackdaniels.com). It helps me a lot- i am so old school macromedia dreamweaver, and TABLES dev in ASP. Having to update and get to speed on CSS has gotten me twisted up plenty!
good luck with everything (you sound like you are very close- hang in there!)
- michelle