Image class tag

[danlou84]

I want every image used in Actinic.. e.g product pictures_thumbs etc..

to have a style attached to them..

the image would normally be like..

<img src="..." alt="" />

etc.. but i need every <img scr to have..

<img src="..." alt="" class="border" />

i dont want to have to go in and edit every single image...

for obvious reasons

also im on A 8.5 and dreamweaver says program doesnt support using the dreamweaver extention! :S kinda annoying.. its CS3

[leehack]

Edit the template(s) that add(s) the image tag(s) in for you then, no need to do them individually.

Or if they are all doing the same, then add:

img {}

into your stylesheet and that can do them all for you.

[danlou84]

well obviously i have images such as the header and logos that i dont wish to be bordered.. just product images only......

[leehack]

So don't read past the 'Or' in my post then, your solution is in the first part, i gave two options.

[jont]

just product images only......

As Lee points out you simply need to adjust the CSS for the product image, section image etc ... these all have their own classes already so is simply a case of adding the additional code to the existing style eg:

border: 1px solid #999;

To find what class is in place either view the source code of a previewd page in an external browser or simply switch to the design tab, click on the product image and see what class is being applied to the <img> tag.

Every product image will use the same styling taken from the layout and the stylesheet (unless you have used different product image layouts in which case edit those accordingly)

You can then do the same for the section images if they are using different classes.

[danlou84]

Hey it works on static images but on images that are links it now uses the global css link settings.

(changing the border colour to visted. link. hover. etc)

I've tried hard coding some css to the product_image but its still using the global settings as specified in the design - themes - advanced themes.

But I dont want to change that as obviously it effects the rest of the sites colours. So I loaded the css file via design tab and added a new css style and linked it to the product images. it uses it in the <img tag but above that is two other style tags which I think are overiding it.

Tried to remove them and it messes it all up.

you can view an example of what I mean at :
http://www.32squared.co.uk/acatalog/ArtJunkie_.html