• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 211
  • Last Modified:

Help with image alignment

Please forgive me, but I can't link to my site or even have the URL found on EE in a search. The website in question is at (down the left side):

s       XXXXX      
d       XXXXX      
s       XXXXX      
l       XXXXX      
a       XXXXX      
w       XXXXX      
a       XXXXX      
z       XXXXX      
dot       XXXXX      
com       XXXXX      

The four addresses at the bottom used to be text. I needed to put them in an image. So I thought I made an identical image...

When I put the image in, the addresses all lined up nicely under the grey text above it.

Then I took the image and I sliced the addresses into four .gif files.

When I put all four addresses in, they no longer line up with the grey text in the column above.

I will take ANY fix for this, even an unconventional solution.

Thank you in advance for any help!

Mellanie

0
mellijae
Asked:
mellijae
1 Solution
 
Jagadishwor DulalBraces MediaCommented:
Don't understand well can post the image and what u want ?
0
 
pritamduttCommented:
Please refer to custom.css there is padding for <li> tag used for displaying links, however there is no padding added for the address image.. add same padding and size to the <li> tag used for images.

div#footer>ul>li {
  padding-left:22px;
}

Open in new window


Regards,
0
 
Christopher Raymond MendozaCommented:
Each of "grey text in the column above" is padded 22px on the left. The current css setting is something like this:

div#footer > ul > li {
    padding-left: 22px;
}

Open in new window


To align the images to these columns try adding this to the bottom of your css file:
li.vcard img {
    padding-left: 22px;
}

Open in new window

0
 
mellijaeAuthor Commented:
You are awesome; thank you!!!!!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now