Telefonlink in Action-Button einbinden

[Mogli78]

Moin zusammen,

ich vesuche gerade auf einer Website einen Link zu hinterlegen, so dass über eine mobile Anwendung die Nummer wählbar gemacht wird.

Das habe ich auch geschafft durch die Codierung <a href="tel:+4369917448624">+43 (0)699 17448624</a>

Nun will ich aber, dass die Telefonnummer in einer Action-Box eingebunden ist.

<a href="" class="action-button"><span>+43 (0)699 17448624</span></a>

Ich habe folgendes versucht:

<a href="tel:+4369917448624">+43 (0)699 17448624"and"class="action-button"><span>+43 (0)699 17448624</span></a>

Das hat aber nicht funktioniert. Kann mir jemand weiterhelfen?

Vielen Dank und Grüße
Moglki

 

[benbas39]

<a class="action-button" href="tel:+4369917448624">+43 (0)699 17448624</a>

Probier mal das!

LG benbas39

 

[Mogli78]

Hi Benbas39,

super! Das hat geklappt. VIELEN DANK!

Jetzt habe ich nur noch das Problem, dass der Button nicht linksbündig ist wie der Text.

Anbei der Link zur Website: http://www.orthopaedische-praxis.de/haupt-navi/service-qualitaet/ Achtung, die Seite ist noch im Aufbau. Somit bitte nicht irritieren lassen.

Es geht rechts um den Bereich "Unser Service". Da steht auch die Box mit der Nummer, welche dank Dir nun auch anwählbar ist. Ich würde die Box gerne linksbündig ausrichten, so wie der Text.

Anbei der html-code der Box:

<ul>
<li>
Praxis:<br />
Waitzstrasse 4, 22607 Hamburg<br />
Tel: (040) 89 90 08 – 0<br />
Fax: (040) 89 90 08 – 50<br />
www.orthopaediecentrum.de<br />
[email protected]
</li>
<li>
Öffnungszeiten:<br />
Mo. - Do. 08:00 bis 18:00 Uhr<br />
Fr. 08:00 bis 16:00 Uhr
</li>
<li>
Privatsprechstunde:<br />
Mo. - Do. 07:30 bis 20:00 Uhr<br />
Fr. 07:30 bis 16:00 Uhr<br />
Sa. 10:00 bis 12:00 Uhr
</li>
<li>
Wartezeit:<br />
<p>Aktuelle Wartezeiten Auskunft erhalten Sie am Behandlungstag ca. 1 Stunde vor Ihrem Termin unter der Servicenummer:</p></br><p><br><a class="action-button" href="tel:04089900840">(040) 89 90 08 40</a></br></p>
</ul>

Hast Du mir auch hier einen Tipp?

Besten Dank

LG Mogli78

 

[benbas39]

Hi, entweder du machst
.action-button {
align-content: left;
}
oder
.action-button {
margin-left: 90%;
}
Natürlich musst du das selber anpassen. Musst halt en bisschen ausprobieren.

z.B 95% oder so keine Ahnung ;-)
LG benbas39

 

[benbas39]

Und noch was, ich finde es sieht besser aus wenn bei http://www.orthopaedische-praxis.de/haupt-navi/team/ zur kompletten Vita alle auf eine Linie sind.

 

[Mogli78]

Hab es eben getestet.

</p></br><p><br><a class="action-button{align-content: left;}" href="tel:04089900840">(040) 89 90 08 40</a></br></p>

Die Nummer wäre nun zwar links ausgerichtet, aber leider ist nun die Box weg. Sprich, ich habe nur noch die Nummer dort stehen!

 

[benbas39]

Dann benutz die andere Methode ;-) Die klappt

 

[Mogli78]

Danke für den Hinweis. Da bin ich noch dran, alles auf eine Linie zu stellen. Ist dann die Feinkosmetik. Das ist auch unter Leistungsspektrum noch nicht optimal. ;)

 

[benbas39]

Ok, klappts jetzt ?

 

[Mogli78]

:( Leider ist auch bei der Methode

<p><br><a class="action-button{margin-left: 90%;}" href="tel:04089900840">(040) 89 90 08 40</a></br></p>

Die Box weiterhin verschwunden

 

[Mogli78]

http://www.orthopaedische-praxis.de/haupt-navi/service-qualitaet/

Siehe hier

 

[benbas39]

ich meinte margin-right, ist ja der Aussenabstand. Ich schreibe gleich nochmals.

 

[Mogli78]

Danke

 

[benbas39]

Nimm das ganze aus einem p Element und mach anstatt p, <div class="action-button"><a href="tel:+4369917448624">+43 (0)699 17448624</a></div>

 

[Mogli78]

Habe es nun so eingebaut:

Wartezeit:<br />
<p>Aktuelle Wartezeiten Auskunft erhalten Sie am Behandlungstag ca. 1 Stunde vor Ihrem Termin unter der Servicenummer:<div class="action-button"><a href="tel:04089900840">(040) 89 90 08 40</a></div>

Leider bleibt die Box weiterhin verschwunden.

http://www.orthopaedische-praxis.de/haupt-navi/service-qualitaet/

Hm, das ist ja echt tricky