logo border problem

[godt]

I have read the threads dealing with removing the border around the logo when using css to apply a border to other images. So I have this in my css:

#logolink {

border-color: none;
display: inline;

}

and

a: logolink img {

border: 0px;

}

and I have

<div id="logolink"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

in tpl_header.php

But the border being applied by

a img {

border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:0px;
border-top-color:#c5a481;
border-right-color:#c5a481;
border-bottom-color:#c5a481;
border-left-color:#c5a481;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:none;

}

still appears on the logo. Where am I going wrong here?

[kobra]

#logolink is not a default tag. So this must be template specific and you did not post a link to your site

[godt]

Sorry. Doh.

http://www.arborio.com/catalog/

[kobra]

img is a stubborn global declaration

First for what you have you can reduce it to the following

a img {
   padding: 0.5em;
   border:1px solid #c5a481;
   margin-bottom: 10px;
   }

I would eliminate the global border and apply it to the images that you want it applied to

[godt]

Or, how can I safely remove the link from the logo image? I have spent far too much time dealing with formatting categoryListBoxContents. It is extremely unpleasant.

[godt]

I now have

a categoryListBoxContents img {

as above

and

a: img {

border: 0px;

}

but the logo is behaving the same way as the category images.

[kobra]

Or, how can I safely remove the link from the logo image?

You appear to have this worked out!!!

Just a note: You look like you are developing a nice upscale site for chocolates, To make your imagery line up professionally also you should look at making every image the same dimensions....

One can do this by "matting" them all on a common sized background
Functionally, this is creating say a common 300X300 white matte image, then into this paste each of your images one by one and save as the original name.

To do in a batch mode, most graphic editors support this and in Photoshop it is called an "action"

[godt]

I really appreciate your comments, and your assistance. As I'm sure you've seen, I cheated, and hard coded the logo image. Hmmm.

I have to get to the image issue next. Problem is in the end that everybody wants to do images. I have only draft images there at present, and I will do the initial setup, but beyond that, when it all looks so simple - and everybody has a digital camera! - there has to be some compromise vis uploading images. And I am 1500km away from the person actually making the chocolates. Probably setting up a background as a template will be the way to go.

I've taken a crude approach with developing this one: start at the top of the page, work down! Do it once.

Again, your assistance is really appreciated.