isaacr25
asked on
Help with CSS link background
Please visit www.mwebdev.com/wa.html. Look at the links on the right hand side, with the green background arrow images. I want the arrow to extend full width to the right of the link text, so all of the link background images are the same width. I've tried simply adding right padding to the links, but that's not working properly. How can I extend the background images to their full width and have all of them the same width? Thanks in advance.
ASKER
Your first option would be difficult (for me) since this is a CMS and many of the objects are created by the CMS.
I tried min-width and this did not work.
I tried min-width and this did not work.
have you updated the code with min-width?, can i see it on the link you have give above?
ASKER
Yes, you can see it at the same link. I added it to the #block-block-3 .content a tag
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ok... that worked with the width... I wasn't adding the display:block. However, now there is vertical space between the links and I can't see where it is being added. I need the background images to be on top of each other, with no spacing.
remove bottom and top padding
ASKER
I've tried that. It doesn't help. See the link again. Thanks.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ahhh. Ok. Now I have another problem. Sorry! When I remove top and bottom padding, the text is aligned vertically at the top of the image. I want the text to be in the middle of the image vertically. That's why I had the padding before. How can I get the text to align in the middle vertically without using top padding?
does it work after removing <br>?
If yes, then padding can be reinstated as earlier
If yes, then padding can be reinstated as earlier
ASKER
If you look at the page now, the <br> has been removed from all lines, and the padding is in place. There is still spacing between the images.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
or
give a min-width to those anchors