Jak wymusić zmianę koloru elementu na stronie wwww


#1

Witam

Nie wiedziałem jak do końca nazwać temat, ale zakładam że uda się to wyjaśnić.

A więc...

Tworzę responsywną stronę www by dopasowywała się na różnych urządzeniach. Projekt działa znakomicie poza jednym z czym nie mogę sobie poradzić.

mam taki kawałem kodu w Footer:

E-m@il: xxxxx@xxxx.info

Tel./Fax. +48 xx xxx xxx xx

Mobile: +48 xxx xxx xxx

Mobile: +48 xxx xxx xxx

na stronie komputera wszytko wyświetla się prawidłowo, ale na iPhonie i iPadzie w miejscach numeru telefonu mam pusto (kolor jest prawie taki sam jak numer telefonu więc go nie widać), a raczej numer wyświetla się jak link i nie bardzo wiem jak go sformatować by był w kolorze białym, pogrubiony i bez podkreślenia. Koloru footer nie zamierzam zmienić.

jakiś pomysł?

Strona jest napisana w css3 i html5 z wykorzystaniem jquery i javascript.


(kamil_w) #2

A dodanie w stylu css reguł dotyczących linków nie działa?


#3

Próbowałem, niestety reguły css jakby iPhone i iPad ignorował.

Ale mam pomysł taki:

że elementy obejmę nagłówkiem typu

E-m@il: xxxxx@xxxx.info

Tel./Fax. +48 xx xxx xxx xx

Mobile: +48 xxx xxx xxx

Mobile: +48 xxx xxx xxx

i dam w css takie reguły by uzyskać ten sam efekt co widzę na kompie obecnie.

tak to wygląda w wersji produkcyjnej.

http://www.elbox.info/kk/index.htm

wieczorem sprawdzę jak to wyjdzie z nagłówkiem.

Dodane 15.07.2013 (Pn) 19:38

Problem rozwiązany.

Aby urządzenia iPhone i iPad i możliwe że inne tablety/telefony nie widziały linków w numerach telefonu należy do sekcji

dodać taki prosty wpis.

i wszytko działa jak należy.


(kamil_w) #4

A czy taka zawartość nagłówka nie wyłącza wersji mobilnej strony? Jeśli tak, to jest ot obejście problemu, a nie jego rozwiązanie.


#5

Strona po dokonaniu wpisu w nagłówku chodzi teraz poprawnie i nie zauważyłem żadnych problemów. Ten temat jest znany i jak się doczytałem jedyne rozwiązanie.