The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Line up HTML for AppStore Icon
lb.fam
post May 24 2018, 04:14 PM
Post #1





Group: Members
Posts: 5
Joined: 24-December 14
Member No.: 21,963



The HTML below shows the Apple App Store icon on the right lower than the Google Play icon.

How do I get them to display at the same level?


<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>


<p><a href="https://play.google.com/store/apps/details?id=com.zumobi.msnbc" target="_blank" rel="noopener noreferrer"><img src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" alt="Get it on Google Play" style="margin-top: 10px; width: 150px; height: 70px;" /></a>

<a href="https://itunes.apple.com/us/app/amazon-kindle/id302584613?mt=8" target="_blank" rel="noopener noreferrer" style="display: inline-block; overflow: hidden; background: url('https://linkmaker.itunes.apple.com/assets/shared/badges/en-us/appstore-lrg.svg') no-repeat; width: 135px; height: 40px; background-size: contain; margin-top: 10px;"></a></p>


</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 25 2018, 08:16 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,967
Joined: 9-August 06
Member No.: 6



Easiest by downloading the Google Play image and cut off the broad white border in an image editor. Then upload it do your own server.

https://play.google.com/intl/en_us/badges/i...web_generic.png
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 25 2018, 08:19 AM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,967
Joined: 9-August 06
Member No.: 6



Or even easier, use one that's more the size you want and without border.

https://play.google.com/intl/en_us/badges/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th August 2018 - 06:50 PM