Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][PHP]Prośba o sprawdzenie strony i pomoc z div
Forum PHP.pl > Forum > Przedszkole
lucas307
Witam serdecznie, zrobiłem sobie stronę swojej firmy, ale zastanawiam się jak wprowadzić tekst na stronie bez użycia tabel.
może ktoś też podpowie mi co mogę zrobić by usprawnić stronę.
Oto link do stronki z góry dziękuję za pomoc i wyrozumiałość gdyż jest to moja pierwsza strona www.
Solidny-dom.eu
phpek
Na jakiejś stronie na ktorej ma to byc wyswietlane wstaw
  1. <div id="id_diva">
  2. tekst
  3. <br>
  4. jakis tekst
  5. <br>
  6. inny tekst
  7. <br>
  8. </div>


a w pliku z stylem

  1. #id_diva {
  2.  
  3. /* styl diva */
  4.  
  5. }
b4rt3kk
Z tego co widzę po źródle strony wszystko wpakowane jest w tabelki. Jeśli pytasz o divy. można to zrobić w ten sposób.

  1. <div class="rama"> // Ten div stanowi ramy dla reszty.
  2.  
  3. <div class="logo"> //Tutaj logo </div>
  4.  
  5. <div class="menu"> //Tutaj menu górne </div>
  6.  
  7. <div class="tresc"> //Tutaj treść </div>
  8.  
  9. <div class="stopka"> //Tutaj stopka </div>
  10.  
  11. </div>


Określasz ich atrybuty poprzez css, nie potrzebują określania położenia, same ułożą się jeden div pod drugim.

Jeśli chodzi o odpowiednie odstępy pomiędzy tekstem, ustaw atrybuty css dla p:

p.klasa {
margin: 0px 0px 0px 0px; // tak dla przykładu
}

zamiast dawać każdą linijkę tekstu w oddzielnym wierszu tabeli. Obrazki ladnie przytnij i wstaw jako tlo dla div.

div.klasa {
background-image: url("sciezka");
position: //tutaj wstawiasz lewo, prawo, gora, dol, itp.
repeat: no-repeat // lub repeat-x repeat-y w zależności od potrzeby
}
lucas307
może inaczej cały index jest zbudowany na div problem zaczyna się w momencie jak chcę załadować środek strony
a mianowicie mam taki kod
  1. <div class="right">
  2. <? if($_GET["par"]=="") include("gl.php"); if($_GET["par"]==gl) include("gl.php"); if($_GET["par"]==of) include("of.php"); if($_GET["par"]==ort) include("ort.php"); if($_GET["par"]==bd) include("bd.php"); if($_GET["par"]==ww) include("ww.php"); if($_GET["par"]==mb) include("mb.php");if($_GET["par"]==aw) include("aw.php");if($_GET["par"]==gal) include("gal.php"); if($_GET["par"]==lk) include("lk.php"); if($_GET["par"]==knt) include("knt.php");
  3. ?>
  4. </div>


W tym miejscu na stronie głównej ładuje mi się plik gl.php

kod gl.php
  1. <table width="782" border="0" align="center">
  2. <tr>
  3. <td width="19"></td>
  4. <td colspan="2" align="right" class="style2">&nbsp;</td>
  5. <td width="22"></td>
  6. </tr>
  7. <tr>
  8. <td width="19"></td>
  9. <td colspan="2" align="right" class="style2">Strona główna</td>
  10. <td width="22"></td>
  11. </tr>
  12. <tr>
  13. <td></td>
  14. <td width="577"></td>
  15. <td width="136"></td>
  16. <td></td>
  17. </tr>
  18. <tr>
  19. <td></td>
  20. <td colspan="2" class="glowny1"><p>Witamy na stronie naszej firmy.</p>
  21. </td>
  22. <td></td>
  23. </tr>
  24. <tr>
  25. <td></td>
  26. <td colspan="2" class="glowny1">Została ona tak skonstruowany by każdy klient w łatwy sposób mógł Nas rozpoznać. </td>
  27. <td></td>
  28. </tr>
  29. <tr>
  30. <td></td>
  31. <td colspan="2" class="glowny1"></td>
  32. <td></td>
  33. </tr>
  34. <tr>
  35. <td></td>
  36. <td colspan="2" class="glowny1"></td>
  37. <td></td>
  38. </tr>
  39. <tr>
  40. <td>&nbsp;</td>
  41. <td class="glowny1">W Naszej pracy kierujemy się najwyższymi standardemi stosowanymi w Unii Europejskiej. </td>
  42. <td rowspan="7" class="glowny1"><img src="images/bob%20budowniczy.jpg" width="134" height="200" alt="" /></td>
  43. <td>&nbsp;</td>
  44. </tr>
  45. <tr>
  46. <td>&nbsp;</td>
  47. <td class="glowny1">&nbsp;</td>
  48. <td>&nbsp;</td>
  49. </tr>
  50. <tr>
  51. <td>&nbsp;</td>
  52. <td class="glowny1">Kilkunastoletnie doświadczenie na rynku budowlanym jest gwarancją bezpieczeństwa i satysfakcji Naszych Klientów.</td>
  53. <td>&nbsp;</td>
  54. </tr>
  55. <tr>
  56. <td>&nbsp;</td>
  57. <td class="glowny1">Obecnie na stronie trwają pracę budowlane. Przepraszamy za wszelkie utrudnienia </td>
  58. <td>&nbsp;</td>
  59. </tr>
  60. <tr>
  61. <td>&nbsp;</td>
  62. <td class="glowny1">Serdecznie zapraszamy do zapoznania się z Naszą ofertą!!!</td>
  63. <td>&nbsp;</td>
  64. </tr>
  65. <tr>
  66. <td>&nbsp;</td>
  67. <td class="glowny1">&nbsp;</td>
  68. <td>&nbsp;</td>
  69. </tr>
  70. <tr>
  71. <td>&nbsp;</td>
  72. <td class="glowny1">&nbsp;</td>
  73. <td>&nbsp;</td>
  74. </tr>


Tą cześć kodu chciałbym zastąpić divami
a mianowicie żeby wyglądało to tak

Niestety myślę nad tym cały czas ale mi nie wychodzi.
Bardzo proszę o pomoc
b4rt3kk
No więc tak, kod html powinien wyglądać tak (same divy).

  1. <div class="rama">
  2.  
  3. <div class="naglowek">Naglowek</div>
  4. <div class="tekst">Tekst</div>
  5. <div class="obrazek">Obrazek</div>
  6.  
  7. </div>


No i jeśli o sam html chodzi to tyle, następnie definiujesz style css dla divów.

  1. div.rama {
  2. width: 500px;
  3. }
  4.  
  5. div.naglowek {
  6. width: 500px;
  7. }
  8.  
  9. div.tekst {
  10. width: 350px;
  11. float: left;
  12. }
  13.  
  14. div.obrazek {
  15. width: 150px;
  16. float: right;
  17. }


Szerokości, itp, tak tylko dla przykładu, najważniejszy jest tutaj float. No i wiadomo w środku definiujesz już sobie co tylko zapragniesz, natomiast powyższy kod pozwoli Ci ułożyć to tak jak chcesz. Mam nadzieję że pomogłem.

Mam jeszcze takie pytanie, po co Ci ta kosmiczna tabelka? Czy to ma pomóc w ułożeniu tekstu na stronce? Nie prościej dać <br/>?
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.