Witam!
Mam taki problem, że mam na forum logo i gdy kolega jest na laptopie to wszystko widzi ładnie -logo pasuje do forum, a gdy przesiada się na stacjonarny komputer z mniejszą rozdzielczością to logo wyjeżdża mu "poza ekran".
Moje pytanie brzymi:
Jak zrobić aby logo samo przystosowywało się do rozdzielczości ekranu?
Pytanie z dziedziny trudnych
Dopasowanie zbyt dużego logo do rozdzielczości wizytujących stronę użytkowników.
Na pewno uniwersalnie będzie zrobić dopasowując się do pewnej rozdzielczości - np 1024x768, takiego minimum - wtedy problem nie powinien mieć miejsca. Ewentualnie można zrobić tak, że logo zajmie pewną część w górze strony - a reszta to tło które będzie wypełniać całą część pod logo.
to jest jeden z uroków webmasteringu. bez utraty jakości nie masz większych szans. jedyne co możesz zrobić to przygotowanie kilku wersji i użycie JS do detekcji rozdzielczości.
poza tym jak "logo" może się nie mieścić w jakiejkolwiek rozdzielczości? logo powinno mieć szerokość 100-200 pikseli. to o czym mówisz to "top". topy to marne rozwiązania.
Są dwie opcje. Albo ustawić stałą szerokość forum w px i tej samej szerokości logo (dajmy od rozdzielczości 1024 x 768 wyglądałoby dobrze, także na wyższych rozdzielczościach). Albo zmniejszyć bardzo logo i podzielić na dwie grafiki: Główna grafika logo i druga jako powtarzająca się. Ta druga opcja pozwala na mniej więcej dostosowywania się poprawnie loga do rozdzielczości użytkownika. Takie rozwiązanie jest właśnie tutaj na naszym supporcie.
Do global.css w danym stylu dodajesz:
Kod:
#header .logo {
text-align: center;
background: url(/ŚCIEŻKA DO GRAFIKI JAKO POWTÓRZENIE) repeat-x;
border-left: 1px solid #xxx;
border-right: 1px solid #xxx;
}
Gdzie w wartościach
xxx podajesz barwy do obramowań loga. Samą główną grafikę loga, gdzieś w szerokości 400px podajesz normalnie w ustawieniach stylu.
(21.01.2009, 07:18)marines napisał(a): [ -> ]to jest jeden z uroków webmasteringu. bez utraty jakości nie masz większych szans. jedyne co możesz zrobić to przygotowanie kilku wersji i użycie JS do detekcji rozdzielczości.
poza tym jak "logo" może się nie mieścić w jakiejkolwiek rozdzielczości? logo powinno mieć szerokość 100-200 pikseli. to o czym mówisz to "top". topy to marne rozwiązania.
To powiedz jak zrobić to w js
