By Andy1966uk on

Hi,

Please see my new project here.

My Social Network Project

I can't figure out how to remove the padding for the image grids. I am a newbie but have tried looking in the CSS Styles file and can't see where the padding for the blocks might be.

I have also tried the default Theme and get the same results, so pretty sure it's not theme realted.

Also they appear to "overflow" outside of the Block.

Any help much appreciated and I am lost as to how to resolve.

Also feedback welcome.

Thx

⋅ Categories: Drupal 7.x

Comments

jaypan’s picture

jaypan
Location Victoria, BC
commented

I don't see these image grids of which you speak.

Contact me to contract me for D7 -> D10/11 migrations.

Andy1966uk’s picture

Andy1966uk commented

Ok I will have to post am screen shot as you need to be registered to see them.... or I can change the permissions...

Andy1966uk’s picture

Andy1966uk commented

Login as "guest"
Password"guest"

You should be able to see now... Thx

jaypan’s picture

jaypan
Location Victoria, BC
commented

Your problem is that those images are being posted in a table. There isn't any CSS padding set on them. Really, you would be better off taking the images out of that table, putting them in a div, giving the div a set width, and floating each of the images left.

If you can't do that, then you will have to set a width on the table columns:

.art-block td
{
  width:__px;
}

Contact me to contract me for D7 -> D10/11 migrations.

Drave Robber’s picture

Drave Robber commented

That's not exactly 'padding' as the source of whitespace is this rule:

div.art-block img {
  border-width: 1px;
  border-color: #96A5AB; 
  border-style: solid;
  margin: 10px;
}

(style.css:785)
You might want to decrease the margin somewhat.

Andy1966uk’s picture

Andy1966uk commented

@ Drave,

You are a star, that's perfect. Many thanks.... god I love Drupal, now I need to learn more of CSS.... thx