iPad Darstellungsfehler

[mike_mcfly]

Ahoi,

ich habe da ein seltsames Problem.
Auf unserer Internetseite First Impression wird die Telefonnummer oben rechts weiß dargestellt.

Da ich ja nicht erst seit gestern mit CSS arbeite, dachte ich zuerst, dass läge an einer Stilanweisung. Doch falsch gedacht. Schmeiße ich sämtliche Stile und raus (z.B. kleines Telefon-Ikon etc...) und schreibe ich dass ganze dann nur noch in <p> Tags, wird alles dargestellt, bis auf die Telfonnr.. Die ist nach wie vor nicht zu sehen.

DIES GILT ALLERDINGS NUR FÜR DAS IPAD !!!!!!!!!!

Auf meinem Desktop-Mac wird dass korrekt dargestellt (Safari, Firefox, Opera, Netscape).

Was zum Henker läuft da falsch? Wer kann mir helfen?

[andreas.schempp]

Das iPad macht aus deiner Telefonnummer automatisch einen Link, damit sie klickbar wird. Dadruch gilt das CSS für Links, und die sind weiss.

So rein als Vermutung

[mike_mcfly]

..weißer Telefonlink auf weißem Grund meinst Du, aha?!

Könnte was dran sein, wäre allerdings ziemlich blöd den weiß einzufärben, oder?

Kann ich da irgendwie eingreifen?

[mike_mcfly]

Ich habe das Problem jetzt einfach dadurch in den Griff bekommen, indem ich im CSS den Link, der ja für andere Browser nicht gilt, einfach schwarz eingefärbt habe:

#Kopf a {color: #000;}

[jan.theofel]

Hi,

ich will nach meinem Urlaub (oder währenddessen) eine kleine Erweiterung online stellen, mit der du ganz einfach browserspezifisches CSS machen kannst. Damit kannst du dann sicherstellen, dass das nur bei ipad, iphone und Co greift.

Jan

[mike_mcfly]

das klingt super. Ich dachte bisher, dass es nur eine iPhone-Erkennung gibt. Man kann also auch iPads von iPhones und den Desktops unterscheiden? Das wäre prima!

[andreas.schempp]

Das Problem hat aber nichts mit einem iPad-spezifischen CSS zu tun. Links sind in deinem Layout weiss, deshalb automatisch auch die Telefonnummer...

@Jan: Eine entsprechende Erweiterung habe ich schonmal gemacht/begonnen, siehe Anhang.

[jan.theofel]

Hi,

Andreas: Ich verfolge mit meinem Modul einen "leicht" anderen Ansatz glaube ich. ;-)

Mike: Wenn du magst, kannst du gerne mal browsercss ausprobieren. Das habe ich hier im Forum beschrieben. Damit kannst du auch iPad-spezifisches CSS bauen. (Auch wenn es hier ja - wie Andreas - schon angemerkt hat, nicht wirklich iPad-spezifisch ist.)

Jan

[creativpoint]

Ich lese sehr oft das es Probleme bei der Darstellung der Telefonnummer gibt.
Ich habe jetzt einen Artikel erstellt mit einer dunkelblauen Box als Hintergrund, in jedem Browser war die Telefonnummer Weiß dargestellt, nur auf dem Ipad und Iphone schwarz. Habe versucht alles per CSS zu lösen, jedoch kein Erfolg. Jetzt habe ich es einfach so gelöst und die Telefonnummer wird jetzt auch Weiß auf Ipad und Iphone dargestellt.

Einfach das in den Artikel einfügen:

<h1><a href="tel:017x12345678"><span style="color: white;">017x-12345678</span></a><br><a href="tel:015x12345678"><span style="color: white;">015x-12345678</span></a></h1>

Wenn ich jetzt auf dem Ipad auf den Link klicke möchte das Ipad telefonieren und auch auf dem Desktop PC geht das so. Auf dem Mac möchte er Facetime öffnen.

Vielleicht hilft es jemand der dieses Problem aktuell hat.

Gruss Pierre

[FloB]

https://developer.apple.com/library/...oneLinks.html:

<meta name="format-detection" content="telephone=no"/>