Quote:
Originally Posted by ralphiedee
All the links work fine except I need some padding in between the images.
How do add that using this code?
|
I assume you wanted all 4 logos on the same line horizontally?
Wrap the images in their own <span>, and give those a class:
Then insert in your CSS:
You can now easily control the spacing between them by adjusting
margin-right.
Current Issues
But there are multiple issues with your current code:
1. Please don't use meaningless
alt tags.
alt tags are used for Screen Reading software + Text-to-Speech, and having names such as "AmPrime60_107" are worse than nothing.
Better to change them to a blank
alt="", or give them more meaningful descriptions like
alt="Amazon Prime Logo".
2. Images wrapped within <a> links don't work on many ereaders.
And this makes it impossible for someone without internet to actually visit these links. Better to stick the logo there, and give the full URL in text so people may also type it in their browser manually.
Something like this would be a better solution:
Code:
<p>*Amazon Logo Here*<br/>
<a href="http://amazon.com">http://amazon.com</a></p>
3. I'm assuming you're going to link to your specific social media links?
All the more reason to have fully readable URLs. People can easily type it into their phone or another device nearby as they read.
(And be careful, your Goodreads example points to Yahoo.com + Facebook to Yahoo.)
What I Would Adjust
New HTML:
Then insert in your CSS:
Here's an example of the differences Before/After:
