ďťż

Poważny problem z zachowaniem linków przeglądarki ignorują style dla linków [xhtml+css]

       

Podstrony


telcocafe

Witam serdecznie wszystkich forumowiczów!
Postaram się po krótce opisać mój problem, z którym nie mogę sobie poradzić (choć nie jestem początkujący). Tworzę aktualnie stronę dla pewnej Akcji Charytatywnej, strona ma wyruszyć w najbliższy poniedziałek tj. 20.07.09r. to też jej publikacja na tym forum przed oficjalnym startem nie jest problemem :) Problem jest następujący. Strona przy pierwszym załadowaniu do przeglądarki wyświetlana jest poprawnie, jednak po kliknięciu jakiegokolwiek linku, przeglądarki (testowałem na IE6, IE8, Firefox 3.5, Chrome 2.0, Opera 9.6) wariują i wszystkie linki otrzymują styl, które mają linki z menu. Po wrzuceniu strony na serwer, IE6 zaczął dodatkowo ignorować style dla selektorów <p></p>. Sytuacja wraca do oryginalnego stanu rzeczy po usunięciu historii w przeglądarce.
Poniżej podaję linki:

strona:
http://www.jestemprz.../test/index.php

styl:
http://www.jestemprz.../test/style.css

Dodam, że dokument html jak i css poprawnie przechodzą walidację :/

Z góry dziękuję za pomoc i pozdrawiam!

Rozwiązałem już problem, tym którzy podjęli się trudu wyłapania buga a nie znaleźli podaję rozwiązanie, a było ono banalnie proste. Otóż jak w kodzie mieliśmy coś takiego:

<!-- kod css --!>
a:link, a:visited {
font-size: 12px;
color: #000;
font-weight: bold;
text-decoration: underline;
}

a:hover {
font-size: 12px;
color: #1227a6;
font-weight: bold;
text-decoration: underline;
}

#menu a:link, a:visited { <--- tutaj znajduje się błąd, powinno być: #menu a:link, #menu a:visited {
color: #fff;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}

#menu a:hover {
color: #88ff10;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
}

Nie napisanie przed a:visited nazwy diva dla którego ma się odnosić powodowało automatycznie, że a:visited zastępował globalne a:visited. Walidator nie widział błędu, ponieważ w dalszej części kodu można powielić po raz kolejny nazwę klasy, pseudoklasy itd. a wówczas te klasy przyjmują styl ostatniej definicji :) mówiąc krótko, w powyższym problemie globalne a:visited przyjmowało wartości a:visited przeznaczonego dla menu, gdyż nie podałem przed tym nazwy diva xD

Jeszcze jedna rada, którą odkryłem w zasadzie przez przypadek przy robieniu jednej ze stron :) Otóż natrafiłem na buga w IE6, dotyczącego komentowania kodu. Napisałem sobie komentarz do kodu w pliku css, po czym rozsypał mi się układ w IE6, choć wszędzie oczywiście działało poprawnie :) wtedy jeszcze w życiu bym nie pomyślał że mogła to być wina głupiego komentarza, ale po dwóch dniach walki tak walczyłem że w końcu usunąłęm te komentarze i wszystko wróciło do normy :) dopisałem je jeszcze raz, i potwierdziło się, że IE6 również nie lubi komentarzy :)

Temat uważam za zamknięty, pozdrawiam i życzę wam i sobie miłego kodowania :)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.