Link to home
Start Free TrialLog in
Avatar of feck1
feck1Flag for Ireland

asked on

code to make a single image clickable to a mobile phone number on a temp landing index page

Im very rusty at design

Ive one image for a landing page to get the ball rolling.

How to make that on click phone a phone number thats on the image if they click any where ...
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

The best thing to do is make the entire image a link.

This is the basic usage
<a href="tel:1-555-555-1212">1-555-555-1212</a>

Open in new window


To make an entire image clickable.
<a href="tel:1-555-555-1212">
     <img src="path/to/image/image.jpg">
</a>

Open in new window

Avatar of feck1

ASKER

Thanks ....

so can you add your code to this please to make it phone a number on click

</head>

<body>

<img src="logo.jpg" width="600" height="413" border="3" align="middle"   >


</body>
</html>
Look back at my example.  You are just adding the image inside of the <a></a> tages

<a href="tel:1-555-555-1212">
     <img src="logo.jpg" width="600" height="413" border="3" align="middle"   >
</a>

Open in new window

Avatar of feck1

ASKER

Ive done exactly that and it doesnt work on an iphone ...

On PC it looks promising wanting to open tel protocol ...  

Using a index.htm file

Just one file and one image ...

??
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of feck1

ASKER

This was the answer.

Im awarding all point as it gave me the means to check my code and a test bit of code to sanity check

Very rusty

Im off for a well deserved short break and Ive got this working and Im very pleased about it

I should have been packing now but just had to get this working

Many many thanks some confidence in my abilities restored !!!!