(1) I want to make the product description text float to the top, so it's aligned with the top of the image. Web Developer Toolbar says this is styled by .content clearfix but I can't seem to find this class in the style sheets - see screenshot entitled "content clearfix query.jpg". (The product node layout is set by a content template.)

(2) I've added some properties to image_attach.css to put a border around the image but for some reason there is some extra padding at the bottom of the image (see screenshot entitled "image border query.jpg"). I've used the same stylings for the border as I used in another theme, and there the border is equally spaced around the image. I confirm I've tried this on a few images on Acquia Prosper with the same result, and there isn't any white space at the bottom of the images themselves :)

CommentFileSizeAuthor
image border query.jpg68.36 KBthoughtcat
content clearfix query.jpg75.12 KBthoughtcat

Comments

sheena_d’s picture

sheena_d commented
Status: Active » Fixed

1. Just because a div with a certain class exists does not mean there is any CSS associated with it. Theme Developer isn't really that great for troubleshooting CSS, it's better to help determine which Drupal template files or theme functions are affecting an element's output. I would suggest looking into the Firebug plugin for Firefox to help with your CSS troubleshooting.

2. You are applying that border to a div that is wrapping your image. Since images are inline HTML elements, they include line height, which is the extra space you are seeing inside of your border. The border needs to either be placed directly on the actual img tag, or the img needs to be set to display as a block element.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.