Forum PHP.pl > zgodność przeglądarek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

k22

22.08.2005, 18:28:31

witam

Prosze o pomoc ponieważ nie miałe wcześniej styczności z tworzeniem stron WWW a pojawił sie problem z interpretacją tej samej strony przez rózne przeglądarki. Domyślenie uzywa IE i tam wszystko jest ok ale w momencie kiedy uruchomie np. Mozille albo Opere, strona jest zle wyswietlana. Ponizej przedstawiam fragment kodu ze strony:

1. to jest fragment zewnetrznego stylu
style.css
span.spud{
font-family: Tahoma;
color: black;
font-size: 10pt;
text-decoration: none;
}

2. To jest fragment strony html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel=stylesheet type='text/css' href='ysm.css'>
</head>

<body>

<a href="aaaa" ><span class='spud'> aaaaaa </span></a>

</body>
</html>

Problem dotyczy wlasnie tagu <a></a> w IE tekst "aaaaaa" nie jest podkreślony tak jak chcialem, ale jak uruchomie Mozille tekst "aaaaaa" staje się juz podkreslony".
Bardzo prosze o pomoc co mam z tym zrobic , liczy sie kazda sekunda

Pozdrawiam,
k22

pawel_k

22.08.2005, 18:37:07

nie wiem po co dajesz najpierw <a>, potem do tego wrzucasz <span> i pomiedzy tekst...
zrob lepiej cos takiego:

Kod

.spud{
font-family: Tahoma;
color: black;
font-size: 10pt;
text-decoration: none;
}

2. To jest fragment strony html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel=stylesheet type='text/css' href='ysm.css'>
</head>

<body>

<a href="aaaa" class='spud'> aaaaaa </a>

</body>
</html>

mozna zrobic rowniez

Kod

a {
font-family: Tahoma;
color: black;
font-size: 10pt;
text-decoration: none;
}

i wtedy znacznik a robisz bez klasy...

tiraeth

22.08.2005, 18:41:24

1. Zedytuj post i użyj odpowiednich znaczników BBCode!

2. W stylu CSS odnosisz się do znacznika span a nie dla a(linki).

style.css

Kod

a.spud {
        font-family: Tahoma;
        color: black;
        font-size: 10pt;
        text-decoration: none;
       }
a:hover.spud {
        font-family: Tahoma;
        color: black;
        font-size: 10pt;
        text-decoration: none;
       }
a:active.spud {
        font-family: Tahoma;
        color: black;
        font-size: 10pt;
        text-decoration: none;
       }
a:visited.spud {
        font-family: Tahoma;
        color: black;
        font-size: 10pt;
        text-decoration: none;
       }

[HTML] pobierz, plaintext 
<a href="aaaa" class="spud">aaaaaaaa</a>
[HTML] pobierz, plaintext

3. Pamiętaj, że IE niewyświetla stron poprawnie - zalecamy Firefox'a lub Operę jako lekarstwo

edit:
@pawel_k mnie wyprzedził

k22

22.08.2005, 22:19:36

Dzieki wielkie
Problem zostal rozwiazany:)

Pozdrawiam,
k22

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.