[HTML/CSS] Div, styl i nieoczekiwana pozycja

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
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [HTML/CSS] Div, styl i nieoczekiwana pozycja

Post autor: Stig »

Problem wynika z błędnego zastosowania elementów tabeli. Przede wszystkim należy pamiętać, że służa one do przekazywania danych tabelarycznych, nie zaś do tworzenia układu strony (polecam prezentację "Dlaczego układ na tabelkach jest głupi: opis problemu i jego rozwiązania"). Inna sprawa, że sama struktura tabeli, oparta o zastosowanie specer gifów również jest niepoprawna (tu polecam fragment e-booka "W głąb dostępności: 30 dni do bardziej dostępnej strony. Dzień 21: Ignorowanie obrazków pozycjonujących"). Problem powinien zniknąć po usunięciu następującego wiersza:

Kod: Zaznacz cały

   <TR> 
      <TD> 
         <IMG SRC="images/wel2.gif" WIDTH=72 HEIGHT=135 ALT=""></TD> 
      <TD align="left" valign="top" background="images/b_wel.gif"> 
            </TD> 
      <TD COLSPAN=3> 
         <IMG SRC="images/wel3.gif" WIDTH=24 HEIGHT=135 ALT=""></TD> 
      <TD> 
         <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=135 ALT=""></TD> 
   </TR>
Mimo wszystko jest to działanie doraźne, na pewno nieodpowiednie na dłuższą metę. Radzę tworzyć układ wykorzystując bardziej nowoczesne, tańsze, prostsze i lepsze techniki.
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [HTML/CSS] Div, styl i nieoczekiwana pozycja

Post autor: Stig »

W takim razie proponuję zrezygnować ze stosowania Photoshop'a do tego typu celów. Program ten jest bardzo dobrym edytorem grafiki rastrowej, świetnie nadającym się do projektowania stron, ale nie ich tworzenia. Prawda jest taka, że kluczową rolę odgrywa wiedza, a odpowiedni edytor jest tylko narzędziem umożliwiającym i ułatwiającym pracę... :roll:
ODPOWIEDZ