background-position w ie6 ie7 Opcje

[bartek1234321]

Czy ktoś zna rozwiązania problemu background-position w ie6 ie7 bo nie działa ?

[erix]

Jak to nie działa?

Bez kodu (najlepiej na żywo), to sobie możemy najwyżej powróżyć.

[ShadowD]

Może chodzi o fixed, to takie przesuwające się?

[bartek1234321]

a na co kod, pod wszystkimi przeglądarkami jest git, po za ie6 i ie7. W sieci wyczytałem że nie obsługują one tego selektora, dawali jakis ulepszacze osobno ale nie działają, czy ktoś ma jakiś swój sposób na to ? fixed mi do niczego nie potrzebne.

Ten post edytował bartek1234321 24.03.2011, 22:10:58

[erix]

a na co kod, pod wszystkimi przeglądarkami jest git, po za ie6 i ie7. W sieci wyczytałem że nie obsługują one tego selektora

Selektor a własność, to dwie różne bajki.

[bartek1234321]

racja własność ale to nie zmienia faktu że nie działa...

[batman]

bartku 1234321
Pozwól, że przedstawię Twoje podejście w codziennej sytuacji.

Rzecz się dzieje w sklepie spożywczym.
- Chcę jeść.
- Dzień dobry. A na co ma Pan ochotę?
- Nie ważne. Jestem głodny.

Jeśli nie zrozumiałeś aluzji - pokaż kod, który nie działa.

[bartek1234321]

a.witamy{background:url("../images/strona/menu.png") no-repeat 0px 0px;padding:0px 0px 14px 90px;}
a.witamy:hover{background:url("../images/strona/menu_hover.png") no-repeat 0px 0px;padding:0px 0px 14px 90px;}
a później jeszcze wiecej tego...

[batman]

Skoro mamy już jakiś kod, to teraz napisz co nie działa. Najlepiej wystaw stronę gdzieś online lub zrób screen z poprawnie wyświetlanym tłem oraz niepoprawnie wyświetlanym tłem.
Na podstawie samego jedyne można gdybać. Gdybam, że padding powoduje tutaj problem.

[bartek1234321]

ale tylko ie7 i ie6 może mieć z tym problem? zaraz zmienie paddingi i zobacze czy działa.

nie da się tego zrobić bez paddingu, bo musze zrobić miejsce na obrazek, img odpada bo page speed w chromie zaleca "sprajty"

[erix]

Puść, to gdzieś na żywo.

Łaski nie robisz, że podajesz nam info do rozwiązania Twojego problemu.

[NEO.pl]

Czy ktoś zna rozwiązania problemu background-position w ie6 ie7 bo nie działa ?

Marnujesz czas na archeologie. Nie ma czegos takiego jak IE6 (IMG:style_emoticons/default/smile.gif)

[bartek1234321]

www.restauracja-cappuccino.pl

[erix]

A w którym konkretnie miejscu?

[batman]

Dla każdego elementu a znajdującego się w menu musisz określić poprawną szerokość, wysokość oraz dodać display: block.

[bartek1234321]

Szerokość i wysokość w menu są ustawione dla każdego przycisku, natomiast display:block ? po co ? przecież w lini musi być menu a nie blokowo. Mam na myśli menu z przyciskami witamy | zaproszenia | itp...

[batman]

I w tym właśnie momencie dochodzimy do sedna problemu. Menu powinno zostać zrobione w oparciu o listę ul/li. W każdym z elementów znajdowałby się znacznik a z ustawionym tłem, szerokością, wysokością i display:block. Dopełnieniem (paddingiem) sterowałbyś na poziomie listy, a nie elementu a. Bez display:block się nie obejdzie, ponieważ pusty znacznik nie będzie wyświetlany.

[bartek1234321]

Faktycznie działa. Nawet nie używałem padding'u (IMG:style_emoticons/default/smile.gif)

ul{margin:0px;padding:0px;}
li{margin:0px;padding:0px;float:left;list-style:none;}
div#button a{margin:0px 2px 0px 0px;display:block;}
a.witamy{background:url("menu.png") no-repeat 0px 0px;width:90px; height:33px;}
a.witamy:hover{background:url("menu_hover.png") no-repeat 0px 0px;width:90px; height:33px;}

Tzn. działa w chromie:) zaraz sprawdzę w starych ie bo tylko o to mi chodziło (IMG:style_emoticons/default/smile.gif)

Wszystko działa ! Dzięki wielkie za pomoc !

Ten post edytował bartek1234321 25.03.2011, 21:42:59