Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]/[css] cięcie, mały problem i ocena
Forum PHP.pl > Forum > Po stronie przeglądarki
Lejto
Pociąłem lay i poskładałem go w divach:
  1. <div id="img1"></div>
  2. <div id="img2">
  3. <div id="img3">
  4. </div>
  5. </div>
  6. <div id="img4">
  7. <div id="img5">
  8. </div>
  9. </div>

i css
  1. #img1{
  2. background-image:url(../images/helltorrents_05.gif);
  3. width:700px;
  4. height:147px;
  5. }
  6. #img2{
  7. background-image: url(../images/helltorrents_07.gif) ;
  8. background-repeat:no-repeat;
  9. width:700px;
  10. height:113px;
  11. }
  12. #img3{
  13. background-image:url(../images/helltorrents_08.gif);
  14. width:323px;
  15. height:113px;
  16. float:right;
  17. }
  18. #img4{
  19. background-image:url(../images/helltorrents_102_01.gif);
  20. width:700px;
  21. height:101px;
  22. background-repeat:no-repeat;
  23.  
  24. }
  25. #img5{
  26. background-image:url(../images/helltorrents_102_02.gif);
  27. height:101px;
  28. width:350px;
  29. float:right;
  30. }

chcę cię tylko spytać czy tak może być winksmiley.jpg?
teraz problem
na stronie musi być coś takiego:

pociąłem to na 9 obrazków, ale nie wiem teraz jak to powstawiać w divy bo nie zostawię tego w tabelce...
w tabelce tak to wygląda
  1. <table id="Table_01" width="700 " height="185" border="0" cellpadding="0" cellspacing="0">
  2. <tr>
  3. <td rowspan="5">
  4. <img src="images/helltorrents_2_01.gif" width="15" height="185" alt=""></td>
  5. <td rowspan="5">
  6. <img src="images/helltorrents_2_02.gif" width="1" height="185" alt=""></td>
  7. <td>
  8. <img src="images/helltorrents_2_03.gif" width="463" height="15" alt=""></td>
  9. <td rowspan="5">
  10. <img src="images/helltorrents_2_04.gif" width="17" height="185" alt=""></td>
  11. <td rowspan="5">
  12. <img src="images/helltorrents_2_05.gif" width="151" height="185" alt=""></td>
  13. </tr>
  14. <tr>
  15. <td>
  16. <img src="images/helltorrents_2_06.gif" width="463" height="71" alt=""></td>
  17. </tr>
  18. <tr>
  19. <td>
  20. <img src="images/helltorrents_2_07.gif" width="463" height="15" alt=""></td>
  21. </tr>
  22. <tr>
  23. <td>
  24. <img src="images/helltorrents_2_08.gif" width="463" height="69" alt=""></td>
  25. </tr>
  26. <tr>
  27. <td>
  28. <img src="images/helltorrents_2_09.gif" width="463" height="15" alt=""></td>
  29. </tr>

Jakiś pomysł jak to w divy wstawić? Próbowałem już ale nic...
Lion_87
Ale to co tam mają być dwa banery jeden pod drugim otoczone belkami?
Lejto
tak
Lion_87
NO TO NP MOŻESZ
1: Możesz to dać w 9 DIV (o.O):
  1. <div id="box"><---500px
  2. <div id="lewa_belka"></div><---16px
  3. <div id="box_in"><---468px
  4. <div id="belka1"></div>
  5. <div id="baner"></div>
  6. <div id="belka2"></div>
  7. <div id="baner2"></div>
  8. <div id="belka3"></div>
  9. </div>
  10. <div id="prawa_belka"></div><---16px </div>


2. Na 5 DIV:
  1. <div id="box"><---500px
  2. <div id="up_belka"></div>
  3. <div id="baner"></div><--- wyrównanie do &#347;rodka a w background ta belki
  4. <div id="srodek_belka"></div>
  5. <div id="baner2"></div><--- wyrównanie do &#347;rodka a w background ta belki
  6. <div id="bottom_belka"></div>
  7. </div>


2. Na 2 DIV(dzielisz tlo na dwie cześci):
  1. <div id="baner"></div><--- wyrównanie do &#347;rodka, padding lub margin a w background 1 cze&#347;&#263;
  2. <div id="baner2"></div><--- wyrównanie do &#347;rodka, padding lub margin a w background 2 cze&#347;&#263;
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.