Autor |
Nachricht |
Delay86
Threadersteller
Dabei seit: 21.08.2013
Ort: Göttingen
Alter: 37
Geschlecht:
|
Verfasst Mi 21.08.2013 09:28
Titel Website-Schriftfarben auf dem iPad falsch dargestellt |
|
|
Hallo Mediengestalter,
seit gestern habe ich eine einfach html/css Site online gestellt, auf dem Desktop in verschiedenen Browsern sieht alles so aus wie es sein soll. Jetzt habe ich das Problem, dass auf meinem iPad eine Telefonnummer in der Sidebar mal weiss (schlecht, nicht lesbar) oder auf Unterseiten rot dargestellt wird. Definiert wurde sie mit Schwarz (sogar klasse in schwarz zugewiesen zum testen). Auf der gesamten Website sind mehrerer Telefonnummern die korrekt dargestellt werden, nur die in der Sidebar ist nicht korrekt. Ich vermute, da mein iPad die Nummer gleich zu Kontakten zufügen möchte und die anderen Nummern nicht, sich die Farbe deswegen ändert. Hat jemand eine Ahnung wie ich das verhindern kann? Selbst wenn ich in der Zeile Buchstaben vor setze bleibt die Nummer weiss. Vielen Dank schonmal...!
Grüße Anna
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 21.08.2013 11:22
Titel
|
|
|
Dazu wäre es gut einen Link zum Überprüfen des Codes zu haben.
|
|
|
|
|
Anzeige
|
|
|
Delay86
Threadersteller
Dabei seit: 21.08.2013
Ort: Göttingen
Alter: 37
Geschlecht:
|
Verfasst Mi 21.08.2013 15:32
Titel
|
|
|
Ich habe es jetzt mit einem Punkt statt Komma in der Telefonnummer lösen können, jedoch ist das nicht die richtige Lösung des Problems.
Hier ist der Code:
<li><img src="images/telefon.jpg" class="tel" alt="telefon" width="180" align="bottom" /></li>
<li>
<p><strong>Rufen Sie uns an, wir beraten Sie gerne!<br /><br />
<br />05597.503 </strong></p>
</li>
css dazu:
p { color: #000; }
Kann kein Fehler feststellen, der bewirkt, dass die Nummer auf manchen Seiten weiß statt schwarz erscheint und bei manchen rot. Habt ihr eine Lösung?
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 21.08.2013 15:44
Titel
|
|
|
Versuch doch mal deine CSS folgendermaßen zu ergänzen:
Code: | p, p strong { color: #000; } |
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht:
|
Verfasst Mi 21.08.2013 15:51
Titel
|
|
|
Code: | a[href^=tel] {
color: inherit;
text-decoration: none;
} |
obiges sollte die von iOS autom. eingefügten links selektieren, ggf. noch spezifisch aufs eigene markup anpassen.
Ansonsten gilt was smooth-graphics sagt... ohne die seite zu sehen und prüfen zu können welche css selektoren greifen, ist das hier eine muntere kaffeesatz-lese-party
|
|
|
|
|
Morgo
Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht:
|
Verfasst Mi 21.08.2013 16:00
Titel
|
|
|
... oder falls gewünscht komplett die Erkennung deaktivieren:
Code: | <meta name="format-detection" content="telephone=no"> |
Wobei der Vorschlag von remote natürlich eigentlich besser ist..
|
|
|
|
|
Delay86
Threadersteller
Dabei seit: 21.08.2013
Ort: Göttingen
Alter: 37
Geschlecht:
|
Verfasst Do 22.08.2013 08:27
Titel
|
|
|
Vielen Dank für die Hilfe.
Der Code:
Code: | a[href^=tel] {
color: inherit;
text-decoration: none;
}
|
hat anscheinend funktioniert. Ich als eigentlicher Printer wäre nie zu der Lösung gekommen.
Grüße
|
|
|
|
|
|
|
|
Ähnliche Themen |
iFrame auf Apple-iPad wird falsch dargestellt
Webseite in FF total falsch dargestellt :(
Bild in E-Mail Signatur falsch dargestellt
Mein CSS wird falsch dargestellt, wo ist der Fehler?
Selbst erstellte Schrift falsch dargestellt
website für iphone und ipad
|
|