mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:20 Benutzername: Passwort: Auto-Login

Thema: Website-Schriftfarben auf dem iPad falsch dargestellt vom 21.08.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Website-Schriftfarben auf dem iPad falsch dargestellt
Autor Nachricht
Delay86
Threadersteller

Dabei seit: 21.08.2013
Ort: Göttingen
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 21.08.2013 09:28
Titel

Website-Schriftfarben auf dem iPad falsch dargestellt

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 21.08.2013 11:22
Titel

Antworten mit Zitat Zum Seitenanfang

Dazu wäre es gut einen Link zum Überprüfen des Codes zu haben. *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Delay86
Threadersteller

Dabei seit: 21.08.2013
Ort: Göttingen
Alter: 37
Geschlecht: Weiblich
Verfasst Mi 21.08.2013 15:32
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 21.08.2013 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

Versuch doch mal deine CSS folgendermaßen zu ergänzen:

Code:
p, p strong { color: #000; }
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst Mi 21.08.2013 15:51
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich
Verfasst Mi 21.08.2013 16:00
Titel

Antworten mit Zitat Zum Seitenanfang

... 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..
  View user's profile Private Nachricht senden
Delay86
Threadersteller

Dabei seit: 21.08.2013
Ort: Göttingen
Alter: 37
Geschlecht: Weiblich
Verfasst Do 22.08.2013 08:27
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.