Image spacing

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
lowellg
Forum Members
Forum Members
Posts: 32
Joined: Wed Apr 06, 2011 2:03 pm

Image spacing

Post by lowellg »

I have a few images that png files. They are in a column, one on top of the other on the left side of my site. I have made these in Photoshop and cropped them really tight, however there is unwanted space between them. Also the space is different between each image and I cannot figure out why. The images are in a table and the coding for the table looks fine. There is nothing that alludes to this spacing issue. Here is a screenshot of it. See how there is more space between "weber speakers" and "ceriatone"?
Attachments
The green images on the left column.
The green images on the left column.
Last edited by lowellg on Mon Apr 18, 2011 4:13 am, edited 2 times in total.
User avatar
M@rtijn
Power Poster
Power Poster
Posts: 706
Joined: Sat Nov 14, 2009 4:54 pm

Re: Image spacing

Post by M@rtijn »

A link to the website would really help
Make your community a better place!
lowellg
Forum Members
Forum Members
Posts: 32
Joined: Wed Apr 06, 2011 2:03 pm

Re: Image spacing

Post by lowellg »

What if it's not online? It's just in the design stage. Is there a way to get your help without the website being online?
spike
Forum Members
Forum Members
Posts: 153
Joined: Thu Sep 25, 2008 5:02 pm

Re: Image spacing

Post by spike »

Make 'em all into one image in P/Shop, "tables is not the way to go anyway" Tables were intended for tabulating data. But if you insist on using tables then put 'em all in one cell and use vertical spacing on each image to achieve equal spacing.
gruss - spike
lowellg
Forum Members
Forum Members
Posts: 32
Joined: Wed Apr 06, 2011 2:03 pm

Re: Image spacing

Post by lowellg »

Awesome! Thanks for the info Spike!
lowellg
Forum Members
Forum Members
Posts: 32
Joined: Wed Apr 06, 2011 2:03 pm

Re: Image spacing

Post by lowellg »

I put this thread as solved but now I realize I need more help with this. If I make all the images in Photoshop to be one image, then how do I make them individually clickable on the website?
Post Reply

Return to “Layout and Design (CSS & HTML)”