programowalnia.info

Jest sobie stronka http://www.mstyl.pl

Uparty klient życzy sobie, żeby top dostosowywał się do szerokości ekranu. Zrobiłem, że jakoś w miarę się rozciąga. U mnie na 1024x768 strona wygląda idealnie (wg. ranking.pl taką ma ponad 50% userów), wszystko się doskonale mieści. Problem, że klient ma 1280x960 i u niego powstaje wolne miejsce i zażyczył sobie, żeby wstawić tam Mikołaja.

Próbowałem na różne sposoby, ale za cholerę nie mogę go przekonać, żeby tego nie robić. Łącznie z przekonywaniem, że to jest za dużo roboty, że się tak nie da (żeby obrazek się rozciągał na szerokość przy zmianie rozdzielczości).

A może taki kodzik pomoże:

Obrazek będzie służył jako tło i powinien się dopasowywać do rozdzielczości.

Obrazek się będzie dostosowywał do rozdzielczości, ale takie rozwiązanie nie przejdzie - "firmowa panienka" z prawej i loga producentów będą się zniekształcać. Ten listkowy motyw na dole zresztą też.

Nie wiem czy to jeszcze aktualne (pewnie już nie) ale wpadł mi do głowy pomysł rozwiązania tego problemu.
Jeżeli mamy projekt loga (w .xcf lub .psd - wazne są warstwy), to wydzielamy z niego poszczególne warstwy do osobnych plików:
1. Tło - zielone, łatwe do repeat
2. Logo mstyl
3. Panienka
4. sponsorzy

Zasada działania jest prosta: Tło rozciągamy na 100% niezależnie od rozdzielczości, a Logo, Panienkę i Sponsorów wrzucamy na Tło i ustawiamy CSSem tak by rozdzielczość nie miała już znaczenia

Po pierwsze - "czytanie ze zrozumieniem nie boli".
To, co proponujesz jest od początku tak zrobione. Problem polegał na tym, że w rozdzielczości większej niż 1024x768 robiło się wolne miejsce między "logiem" a "sponsorami" gdzie szef zażyczył sobie wstawić Mikołaja, który by zasłaniał "sponsorów" na 1024x768.

A problem jest od końca grudnia nieaktualny. Klientem był mój szef a przed świętami odszedłem z pracy.

Po pierwsze takie komentarze zostaw dla siebie


Z tego co napisałeś, nie rozumiem w jaki sposób ma się zniekształcać? Przecież obrazek na stronie bez podania konkretnych rozmiarów nie ma prawa się zniekształcać.


Nie napisałeś dokładnie gdzie powstaje mu wolne miejsce, więc na logikę przyjąłem, że po bokach ma wolną przestrzeń.

Najpierw nauczmy się pisać poprawnie, dokładnie opisując problemy by później nie było "własnej" interpretacji problemu - taka jak moja.
Na przyszłość warto również zaznaczyć, że problem został rozwiązany albo zamknąć temat