Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Przejscie z tabel na divy
Forum PHP.pl > Forum > Po stronie przeglądarki
Manwe89
1.03.2009, 19:13:25
No właśnie... I tu zaczyna sie problem :/ Prawie nigdy nie śmigałem na divach. A jezeli juz to na prawde bardzo szczatkowo. Czy ktos moglby mi podpowiedziec jak zmienic kod:
[HTML] pobierz, plaintext 
  1. <body background="images/background.gif" topmargin="0">
  2. <table width="819" height="1204" border="0" cellpadding="0" cellspacing="0" align="center" class="main">
  3.     <tr>
  4.         <td colspan="3"background="images/image_01.gif" width="818" height="114">
  5.             naglowek</td>
  6.         <td>
  7.             <img src="images/spacer.gif" width="1" height="114"></td>
  8.     </tr>
  9.     <tr>
  10.         <td rowspan="3">
  11.             <img src="images/image_02.gif" width="9" height="193"></td>
  12.         <td rowspan="2">
  13.             <img src="images/image_03.gif" width="800" height="192"></td>
  14.         <td>
  15.             <img src="images/image_04.gif" width="9" height="191"></td>
  16.         <td>
  17.             <img src="images/spacer.gif" width="1" height="191"></td>
  18.     </tr>
  19.     <tr>
  20.         <td rowspan="3" background="images/image_05.gif" width="9">
  21.             <img src="images/spacer.gif" width="9"></td>
  22.         <td>
  23.             <img src="images/spacer.gif" width="1" height="1"></td>
  24.     </tr>
  25.     <tr>
  26.         <td rowspan="2" background="images/image_06.gif" width="800" valign="top">
  27.  
  28.  
  29.             </td>
  30.         <td>
  31.             <img src="images/spacer.gif" width="1" height="1"></td>
  32.     </tr>
  33.     <tr>
  34.         <td background="images/image_07.gif" width="9">
  35.             <img src="images/spacer.gif" width="9"></td>
  36.         <td>
  37.             <img src="images/spacer.gif" width="1" height="807"></td>
  38.     </tr>
  39.     <tr>
  40.         <td colspan="3" background="images/image_08.gif" width="818" height="90">
  41.             stopka</td>
  42.         <td>
  43.             <img src="images/spacer.gif" width="1" height="90"></td>
  44.     </tr>
  45. </table>
  46. </body>
  47. </html>
[HTML] pobierz, plaintext

na divy?;> Powiem jeszcze ze wszystko jest dostepne pod adresem:

http://michal3lpz.republika.pl/lpz/
Spawnm
1.03.2009, 19:34:50
chcesz aby ktoś za ciebie zrobił czy co?

chcesz robić na <div>, dawaj im id, naucz się css i zainteresuj się float i clear.

//edit->literówka tongue.gif
piotrooo89
1.03.2009, 19:37:29
zacznij od tego: http://kurs.browsehappy.pl/
Manwe89
1.03.2009, 19:59:01
dzieki smile.gif


juz cos obczailem. tylko mam problem (nie pierwszy raz).
powiedzmy ze chce uzyskac cienie bo bokach glownego okna w ktorym bedzie tekst. wiem jak to zrobic w tabeli. nie mam pojecia jak natomiast to na divach zrobic. Nie wiem takze jak usatawic (nazwijmy to) symulowac 3 kolumny.
Spawnm
1.03.2009, 21:30:44
3 kolumny ustawisz dając 3 divy z float:left ; clear:none,
więcej o tym znajdziesz na forum (jak zrobić tej samej długości itp...)
piotrooo89
1.03.2009, 21:50:15
http://perfectionorvanity.com/2007/07/28/p...n-warstwy-okna/ nie wiem czy to Cię rajcuję. i polecam zapoznać się z tymi artykułami.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.