Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
menu w IE, schodki - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: menu w IE, schodki (/thread-menu-w-ie-schodki)



menu w IE, schodki - Falco91 - 20-05-2011

Witam,
Nie mam pojęcia co robię źle. Na wszystkich przeglądarkach jest OK, oprócz Ie.

Proszę spojrzeć :
www.krzysss13.vot.pl

Kod html:
http://wklej.to/nDrSH

Pozdrawiam


RE: menu w IE, schodki - hieroshima - 20-05-2011

głupio to masz zorganizowane. Po to menu robi się w listach, żeby całe menu robić za jednym razem, a ty i tak każdemu elementowi listy przypisujesz ID. Ten background mógł być na całe menu, a w <li> same teksty(linki). Trzeba to poprawić i dodać doctype bo IE nie lubi bez deklaracji typu Wink Tak jak masz te menu tak się nie robi i tyle. Spróbuj na początku dokumentu dodać takie coś:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

style umieść w znaczniku <head></head> i na końcu zamknij </html> Może pomoże.

U mnie po tym zabiegu działa na IE 9 i IE8 na <=7 nie sprawdzam bo nie chce sobie wieczoru pscuć Big Grin


RE: menu w IE, schodki - Falco91 - 20-05-2011

Bardzo dziękuje za cenną radę Wink teraz przyj najmniej wiem jaka jest idea menu na listach.

Jeśli chodzi o rozwiązanie problemu, to fakt dodanie deklaracji pomogło, jednak to jest szablon na allegro i tam deklaracje zostają usunięte automatycznie, nie wiem jak to funkcjonuje, ale tam w edytorze wygląda tak jak tu : http://www.krzysss13.vot.pl .

Zrobię tak jak mówiłeś, tak jak powinno się robić, jeśli to nie pomoże to będę prosił o pomoc Wink

Dzięki wielkie jeszcze raz.


edit.
Zrobiłem, ale to chyba nie o to chodziło.
http://wklej.to/CHIIv


RE: menu w IE, schodki - hieroshima - 20-05-2011

spakuj jeszcze te obrazki co masz tam wykorzystane i podeślij je. Coś wykombinujemy Wink a swoją drogą dziwne, że allegro usuwa deklaracje, chociaż w zasadzie oni mają już swoją na stronie więc po co twoja... sprawdzałeś czy jak wrzucisz szablon na allegro to czy dalej sie tak rozjeżdża ? Jak tak to te pliki podeślij


RE: menu w IE, schodki - Falco91 - 24-05-2011

Przepraszam, że dopiero teraz. Jeśli będzie Ci się chciało to tutaj są te pliki : http://hostuje.net/file.php?id=8cae4c0c2da97c670254fc645a263372 Dzięki w ogóle za zainteresowanie Smile


RE: menu w IE, schodki - hieroshima - 24-05-2011

nie nie o to chodziło. W listach masz mieć same tytuły linków <li> O mnie </li> żadnych obrazów. Masz to źle pocięte większość tych kolorów można dać w cssie, a nie robić na obrazkach. Wywal style i napisz odnowa. W cssie daj elementowi ul kolor taki jaki chcesz mieć menu i czcionkę i wszystko. Przecież bez sensu, żeby każdy link, który wygląda tak samo był obrazem. A jak będziesz chciał edytować? zmienić coś to co? Wyedytujesz cały szablon potniesz zapiszesz i wrzucisz obraz na serwer? Jedyny obraz jaki trzeba mieć jako obraz to top i te czerwone kółka. Resztę osiągniesz przez edycje CSS. Zamiast znacznika <center> </center> w Cssie daj:
#wad_body{margin: 0 auto; }

MENU: http://www.kurshtml.edu.pl/css/wstep,menu.html
TŁO-GRADIENT: http://css-tricks.com/examples/CSS3Gradient/ <-- tu masz dla CSS 3. Starsze przeglądarki i te upośledzone np. IE7 czy 8 zamiast gradientu będą widzieć jednolite tło. A reszta obsługuje w miarę normalnie. Oczywiście jest wersja na wszystkie przeglądarki, ale dużo bardziej zagmatwana, a myślę, że nie opłaca się już takich trików robić.
ZAOKRĄGLONE NAROŻNIKI CSS3: http://perfectionorvanity.tumblr.com/border-radius.html <-- i tak samo jak z tłem. Starsze i upośledzone przeglądarki zamiast zaokrągleń będą miały prostokąty. Jak chcesz, żeby działało w starszych przeglądarkach to załącz do swojej strony ten plik: http://curved-corner.googlecode.com/files/border-radius.htc i w stylu w którym używasz zaokrąglania dodaj behaviour:url(border-radius.htc); albo skorzystaj ze skryptu na tej stronie: http://dillerdesign.com/experiment/DD_roundies/.

Powodzenia Smile