Rozwalanie się grafiki w różnych rozdzielczościach.

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
NASA
Nowy
Nowy
Posty: 53
Rejestracja: pt lis 14, 2003 5:20 pm
Lokalizacja: Golub-Dobrzyń

Rozwalanie się grafiki w różnych rozdzielczościach.

Post autor: NASA »

Mam problem pewnie stary jak html.
Chciałbym byście mi poradzili jakieś rozwiązania służące utrzymaniu w miarę podobnego wyglądu strony przy różnych monitorach i rozdzielczościach.
Z tego co widzę w necie to wszelkie poważniejsze serwisy (strona tego forum też :-)) radzą sobie tak że z góry wykluczają marginesy czyli treść strony jest wyśrodkowana przy rozdzielczości 1024x768 a przy 800x600 jest od dechy do dechy(od prawej do lewej) ekranu.
Czy to jedyna metoda?
Czy jedyną metodą jest własnie ograniczenie treści strony w tabelce na środku?
Mam np. nagłówek (lub logo) strony w formacie obrazka i w 800 na 600 wygląda ono fajnie a w większej paskudnie bo gdy zrobie je np. do lewej to po prawej bedzie pusta dziura a wyśrodkowane też beznadziejnie wygląda.
Czy ktoś ma jakieś rady jak sobie z tym radzić?
Czy nie można jakoś zaczarować grafiki by proporcjonalnie się powiększała lub zmniejszała?
Wiem - wierzę w cuda i jestem śmieszny ale może ktoś sobie jakoś z tym poradził i ni trzeba "usztywniać" strony przez wyśrodkowanie w tabelce jak w serwisach.

Pozdrawiam!
misz
Przelotem
Przelotem
Posty: 380
Rejestracja: śr lip 10, 2002 10:38 pm
Lokalizacja: wawa
Kontakt:

Re: Rozwalanie się grafiki w różnych rozdzielczościach.

Post autor: misz »

ograniczenie to jest najlepszy sposob ale mozna to albo zamaskowac albo rozciagnac serwis (chcoc w takim wypadku tracisz kontrole absolutnie nad wszystkim: swiatlem, tekstem i w sumie wygladem).

musisz znalesc w swoim serwisie elementy ktore mozesz rozciagnac ... moze lepiej na przykladzie. wejdz na http://dva.pl widzisz ze naglowek jest tak jakby rozciagniety na cala szerokosc? u mnie masz w srodku grafike a pobokach "rozciagniecie". prawdopodobnie w twoim wypadku bedziesz potrzebowal czegos odwrotnego: czyli grafika po boku a w srodku te "rozciagniecie" ... a wiec wkladasz po bokach grafike wymiarujesz tabele zakladajac ze ma 3 komorki(100% szerokosc calej tabeli, rozmiar w pixlach kolumn po bokach tak jak grafika, i srodkowa kolumna na 99%).

grafike przygotowywujesz tak zeby w srodkowiej kolumnie wstawic tlo ktore bedzie laczylo obie grafiki po bokach ... ale zagmatwalem
insane
Nowy
Nowy
Posty: 23
Rejestracja: pt cze 13, 2003 1:34 pm
Lokalizacja: Katowice // Polska
Kontakt:

Re: Rozwalanie się grafiki w różnych rozdzielczościach.

Post autor: insane »

no odrobine :)
wklej sobei to do pliku i zobacz jak dziala

Kod: Zaznacz cały

<body marginheight=0 marginwidth=0 leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0>
<table width=100% border=0>
<tr>
<td width=100><img src=obrazek1.jpg width=100></td>
<td width=10><img src=obrazek2.gif width=10</td>
<td background="obrazek_bg.gif" width=100%><img src="obrazek_bg.gif"></td>
</tr>
</table>
</body>
teraz male omowienie
pierwsza komorka td zawiera wlasciwy obraze o dlugosci 100px
druga komorka zawiera obrazek przejscia z jednego obrazka do powielanego w poziomie tla w trzecim td
obrazek_bg.gif to wlasciwie sciete tlo np do 1px na dlugosc ktory bedzie powielany
parametr 100% w dlugosci tabeli rozciagnie ci ja do maksymalnego rozmiaru okna w poziomie, a 100% w trzecim td rozciagnie ci komorke do maksymalnego dostepnego rozmiaru jaki zostal czylo dlugosc okna - dlugosci obrazkow pierwszych dwoch td.

aha .... obrazki 800x600 sa za duze dla rozdzielczosci 800x600 hehe bo okno tez ma swoje rozmiary wiec najlepiej jakbys uzyl obrazka o dlugosc 780px maksymalnie wtedy unikniesz paskow poziomego przesowania


ja chyba tez zamieszalem :)
ODPOWIEDZ