Przesunięcie strony (html) w firefoxie

**Posty:** 107 · przez **x X x** 22 Lip 2009, 15:22

Witam!

Czy mógłby mi ktoś pomóc? Otóż nie mogę dojść do tego dlaczego strona Rzeszowskiego Banku Żywności nie wyświetla mi się poprawnie w przeglądarce FireFox. W Operze jest ok, w IE8 w obydwóch trybach również jest ok.

W FireFoxie:

FireFox

jest jak widać powyżej. Co jest tego powodem? Czy mógłby mi ktoś pomóc rozwiązać ten problem?

**Posty:** 2296 · przez **@Marcin** 22 Lip 2009, 15:41

ja mam firefoxa i jakoś nie widzę problemów ale strona zawiera błędy

wynik z validatora
wynik z validatora 2

popraw wszelkie błędy jakie są na stronie.

**Posty:** 107 · przez **x X x** 22 Lip 2009, 16:37

Ehh błędy błędy błędy... A dzięki komu? (Patrz, stopka...)

A jaką masz wersję FF? Bo u mnie na dwóch całkiem różnych komputerach i rozdzielczościach ekranu (1440x900 i 1280x1024) zawsze wszystkie grafiki (oprócz stopki, gdzie znajduje się link do "twórcy" i do statystyk) są przesunięte o kilka pikseli w lewo, co daje efekt jak na zdjęciu z linka.

**Posty:** 739 · przez **Bialko0019** 23 Lip 2009, 01:15

Ja też mam Mozille Firefoxa 3.0.10 i jakoś normalnie mi się wyświetla. Jaką masz wersję FF ?

**Posty:** 2296 · przez **@Marcin** 23 Lip 2009, 09:53

x X x, jeżeli komuś zlecałeś zrobienie strony a jest ona spartolona to czemu nie złożysz reklamacji? Płacisz to wymagaj.

**Posty:** 107 · przez **x X x** 23 Lip 2009, 11:37

Strona ta nie jest moją własnością, ja ją dostałem w swoje ręce jakieś pół roku temu. Czy była płacone za to, tego nie wiem. Była robiona dla Organizacji Pożytku Publicznego (taką jest Bank Żywności) w całej polsce (niektóre Banki mają identyczną stronę) i wydaje mi się, że z tego powodu była robiona za darmo albo za jakąś symboliczną opłatę. Ale mniejsza o to.

Ogólnie strona istnieje od kilki lat i nie wiem, czy to Twórcy ze Studia Graficznego ją tak stworzyli (a niektóre podstrony były naprawde pokręcone, np. jedna podstrona na 10 była napisana w całości na div'ach, reszta w htmlu), czy później jakiś niedulony "webmaster"...

Ja też nie jestem jakiś zaawansowany w tych sprawach, ale to co umiem to wdrażam w tą stronę i ją jakoś sprzątam i naprawiam. Ale z tymi krzakami w FF nie mogę sobie poradzić... Mam w domu FF 3.0.10 i monitor o rozdzielczości 1400x900, w pracy również ten sam FF i monitor 1280x1024. Tu i tu jest tak samo. O to nie tylko u mnie

Może po prostu moje miasto jest jakieś felerne w stosunku do tej strony

Dodano Dzisiaj, 19:42:
Zaraz Panowie, a może my się po prostu źle rozumiemy? Bo jakoś nie potrafię sobie wyobrazić, że już na 3 czy 4 komputerach w FF na podanej stronie wszystkie grafiki są przesunięte w lewo względem poprawnych marginesów, a u Was wszystko jest ok. Jakim cudem? Widoczne jest to jak na dłoni, proszę sobie porównać chociażby z Operą czy IE.

Jak byk z lewej strony widoczny biały pasek zaraz za prawym cieniem i na samym dole strony, widać dokładnie przesunięcie grafiki na całej długości od stopki w górę. O to mi właśnie chodzi, z resztą widać to na screenie powyżej.

Opera, 1280x1024
Chciałem jeszcze zapytać o jedną rzecz, a mianowicie dlaczego w Operze, w biurze, na monitorze o rozdzielczości 1280x1024 (i w jakichkolwiek innych) strona także posiada ten biały pasek z prawej strony? Czy potrafi mi ktoś to wyłumaczyć? Gdzie indziej chodzi dobrze, tylko tutaj jest źle...

**Posty:** 1925 · przez **Puma** 02 Sie 2009, 19:31

Za szeroka jest główna tabela o 10px, zamiast 775px powinno być 765px.

x X x napisał(a):Ja też nie jestem jakiś zaawansowany w tych sprawach, ale to co umiem to wdrażam w tą stronę i ją jakoś sprzątam i naprawiam

Podziwiam, strona nadaje się do napisania od nowa a nie poprawek...nie wiem jak Ty się w tym nie gubisz.

**Posty:** 107 · przez **x X x** 03 Sie 2009, 17:41

Zmieniłem, przesunęło się do prawej krawędzi, ale niestety lewa wygląda jak wcześniej i obcięło kawałek cienia w stopce. Co dalej?

W dalszych krokach rozwiązywania problemu proszę kierować się podstroną testowa.html, bo tylko tam aktualnie zmieniam cokolwiek, aby nie nabijać zbędnych statystyk dla pozostałych.

Mam jeszcze pytanie odnośnie css'a, a mianowicie chciałbym, aby link do aktywnej podstrony w menu był koloru pomarańczowego. Da się to zrobić łatwo poprzez dopisanie przy każdej podstronie opcji do odpowiedniej pozycji w menu ale myślę, że da się to również zrobić w css'ie. Jak?

Ja wiem, że strona nadaje się do generalnego remontu. Już i tak jest lepiej, bo wcześniej np. jedna podstrona była cała w div'ah, a pozostałe na tabelach. Z czasem ją "unowocześnię", tylko wymaga to czasu i cierpliwości

**Posty:** 739 · przez **Bialko0019** 03 Sie 2009, 23:23

x X x napisał(a):Jak?

do wszytskich linków poprzez wpisanie w css:

Kod: Zaznacz wszystko: a, a:visited, a:hover { color: #000000; font-size: 12px; }

lub do wybranych np. :

Kod: Zaznacz wszystko: <a href="adres.php" class="link">Strona Internetowa</a>

i w css

Kod: Zaznacz wszystko: .link { color : ##ff8000; }

**Posty:** 107 · przez **x X x** 04 Sie 2009, 10:15

To nie jest to o co mi chodziło i to nie rozwiązuje mojego problemu.

visited zmienia kolor odwiedzonych stron na ustawiony, a hover zmienia kolor linku po najechaniu na niego myszką.

Jest jeszcze w css'ie opcja active, ale nie wiem na jakiej podstawie on działa.

Opcja przypisania klasy do poszczególnych linków też się mija z celem, bo jest to to samo co .

Jakiś inny sposób? Nie wierzę, aby w tak zaawansowanym, standardowym już sposobie tworzenia stron nie było takiej opcji!

//edyta:

Tak przy okazji, na stronie zainstalowałem już dawno galerię Lightbox. Wszystko dobrze mi działało. Ostatnio zainstalowałem również animowane menu. Po dodaniu skryptów potrzebnych dla menu w plkiach html galerii Lightbox przestaje działać. Dzieje się to tylko wtedy, gdy dodam skrypty odpowiedzialne za animacje menu. Mógłby ktoś pomóc rozwiązać ten problem? Będę wdzięczny.

**Posty:** 739 · przez **Bialko0019** 04 Sie 2009, 18:33

To nie rozumiem... Chcesz po prostu zmienić kolor każdego linku jaki jest na stronie ? Jeżeli tak, no to nawet sama klasa a wystarczy:

Kod: Zaznacz wszystko: a { color : #color; }

?

**Posty:** 107 · przez **x X x** 04 Sie 2009, 18:42

Bialko0019 napisał(a):To nie rozumiem... Chcesz po prostu zmienić kolor każdego linku jaki jest na stronie ? Jeżeli tak, no to nawet sama klasa a wystarczy:
Kod: Zaznacz wszystko
a { color : #color; }

?

Nie. Widzisz, teraz na jakąkolwiek wejdziesz stronę, przykładowo w Galerię, gdy galeria.html jest wyświetlana odnośnik do niej w menu dolnym i górnym jest innego koloru niż pozostałe. TAk chcę aby było i jest tak, ale jest to zrobione poprzez dopisanie przy odpowiednim linku. A chciałbym, abym nie musiał do każdej podstrony dopisywać właśnie tego, tylko żeby było to automatycznie przypisywane za pośrednictwem css. Nie da się tak?

**Posty:** 1925 · przez **Puma** 05 Sie 2009, 07:48

Nie da się tak?

Bialko0019, napisał rozwiązanie, ale przypomnę

Kod: Zaznacz wszystko: a { color:orange; }

**Posty:** 739 · przez **Bialko0019** 05 Sie 2009, 11:11

już rozumiem chyba ;p Jesteś w galerii - wyświetla się link Galeria na pomarańczowo. Jesteś w Nasza Oferta - tylko ten link się wyświetla na pomarańczowo. Jest teraz taki link:

Kod: Zaznacz wszystko: <li><a href="dzialalnosc.html"><img src="images/arrow.gif" border="0">DZIAŁALNOŚĆ</a></li>

i teraz zamień to na : ( oczywiście te linki które mają być na pomarańczowo )

Kod: Zaznacz wszystko: <li><a href="dzialalnosc.html" class="link"><img src="images/arrow.gif" border="0">DZIAŁALNOŚĆ</a></li>

i w css

Kod: Zaznacz wszystko: .link { color : #ff8000; }

To jest przy użyciu klas.

A jeśli Ty chcesz zrobić tak, że wpisujesz jeden kod i kolor i że pokazuje się link taki, na jakiej jest się to chyba nie da rady za pomocą HTML ... w PHP dało by radę, ale jest troszkę pisania i zmieniania i się nie opłaca pisania funkcji jak można własnie dopisać klasę...

**Posty:** 107 · przez **x X x** 05 Sie 2009, 12:17

Bialko0019 napisał(a):już rozumiem chyba ;p Jesteś w galerii - wyświetla się link Galeria na pomarańczowo. Jesteś w Nasza Oferta - tylko ten link się wyświetla na pomarańczowo. Jest teraz taki link:
Kod: Zaznacz wszystko
<li><a href="dzialalnosc.html"><img src="images/arrow.gif" border="0">DZIAŁALNOŚĆ</a></li>

i teraz zamień to na : ( oczywiście te linki które mają być na pomarańczowo )
Kod: Zaznacz wszystko
<li><a href="dzialalnosc.html" class="link"><img src="images/arrow.gif" border="0">DZIAŁALNOŚĆ</a></li>

i w css
Kod: Zaznacz wszystko
.link { color : #ff8000; }

To jest przy użyciu klas.

Tylko ta czynność, kiedy mam już wyróżnione za pomocą kolory do poszczególnych linków jest drogą w tą samą stronę i opiera się na tym samym, a mianowicie edycji każdej podstrony, która ma swoje odnośniki w menu. A chciałem właśnie tego uniknać i dodać do css'a kod, który będzie automatycznie ustalał, która w danym momencie podstrona jest aktywna i będzie automatycznie zmieniał kolor odnośnika do niej w menu na pomarańczowy, bez edytowania każdego pliku html

Nie jestem dobry w css'ie lecz wpadłem na to, gdy zobaczyłem plik, który dostałem razem z ddsmoothmenu. Było tam takie coś jak: link, hover, visited, (to to wiadomo), selected, active. Próbowałem wykorzystać dwa ostatnie, lecz niestety nic to nie daje.

Więc w ostateczności, da się to zrobić poprzez CSS? Jeśli nie, to dam sobie spokój i zostawię tak jak jest.

A co z moimi pozostałymi problemami? ;>

Jeśli chodzi o galerię to wyczytałem, że jej biblioteki javy gryzą się z bibliotekami jQuery i to jest powodem nie działania Lightboxa. Alternatywe już znalazłem, nie zdążyłem jeszcze wprowadzić ja na stronę. Może ktoś miał taki przypadek jak ja?

**Posty:** 739 · przez **Bialko0019** 07 Sie 2009, 16:58

Wg. mnie nie ma takiej możliwości w HTML i CSS, bez użycia np. PHP. Chyba, że się mylę