Icon vor a href tel: und mailto:
Ich möchte über CSS Icon vor Telefon und Mail Links setzen.
Nun habe ich das problem, dass das Icon entweder vor und nicht zentriert vor dem Text liegt bzw. den Anfang des Textes überschreibt. Code:
a[href^="tel:"]::before{ |
Kannst du das HTML für das CSS auch noch posten?
|
Link zur Seite steht da doch. ;)
Versuch es mal so: Code:
a[href^="mailto:"]::before, Bei der Lösung wird vermutlich der Mobil-Test von Google ( https://search.google.com/test/mobile-friendly ) anmeckern, dass Links zu dicht beieinander liegen. Wenn dich das stört, musst du auf das negative margin verzichten. Wenn du trotzdem die zu großen Zeilenabstände vermeiden möchtest, verwende kleinere Icons. PS: Es heißt „E-Mail“! Ein „Email“ ist im deutschen etwas anderes: https://de.wikipedia.org/wiki/Email 8) |
Vielen Dank für die Infos. Ich werde es heute Abend gleich testen.
|
Vielen Dank für deine angebotene Hilfe. Die Lösung von Top hat funktioniert.
|
Zitat:
Zitat:
Vielen Dank für deine Anregungen :) Ich habe die Icons verkleinert und deine Lösung ausprobiert. Funktioniert einwand frei. Danke |
Alle Zeitangaben in WEZ +2. Es ist jetzt 07:50 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023