[HTML] pobierz, plaintext 
  1. while ($tab=mysql_fetch_assoc($zapytanie)){
  2. $news_no++;
  3. ?>
  4. <div class="newsy">
  5. <div class="nnaglowek"><h2><?php echo $tab['tytul'] ?></h2></div>
  6. <hr class="podzialka" />
  7. <div class="ntresc"><img src="gfx/prezenterzy/<?php if(is_file('gfx/prezenterzy/'.$tab['nick'].'.png')) echo $tab['nick']; 
  8. else echo 'autopilot';?>.png" title="<?php echo $tab['nick'] ?>" alt="<?php echo $tab['nick'] ?>" />
  9. <p><?php echo $tab['tresc'] ?></p></div>
  10. <hr class="podzialka" />
  11. <div class="nstopka"><p>Autor: <em><?php echo $tab['nick'] ?></em> Kontakt: <em><?php echo $tab['kontakt'] ?></em></p></div>
  12. </div>
  13. <?php }
[HTML] pobierz, plaintext

To mi wyświetla 5 newsów jeden za drugim.

a to css
[HTML] pobierz, plaintext 
  1. #tresc .newsy img {
  2. float: left;
  3. margin: 0 5px;
  4. width: 70px;
  5. height: 70px;
  6. border: 2px #117 solid;
  7. }
  8. #tresc .newsy p {
  9. margin: 5px 5px 12px;
  10. padding: 2px;
  11. font: 12px;
  12. }
  13.  
  14. #tresc .newsy em {
  15. font: bold 12px;
  16. }
  17.  
  18. #tresc .newsy h2 {
  19. font: 16px;
  20. margin: 4px 5px 6px;
  21. text-align: center;
  22. }
  23.  
  24. div#tresc div#news h1{
  25. margin: 10px 0;
  26. padding-left: 15px;
  27. }
  28.  
  29. #tresc .newsy {
  30. background: #F0F0F0;
  31. margin: 0 auto;
  32. width: 95%;
  33. border: thin #226 outset;
  34. }
  35. div#tresc div.newsy div.nnaglowek{
  36. width: 100%;
  37. margin: 0 auto;
  38. color: #C70;
  39. }
  40.  
  41. div#tresc div.newsy div.ntresc{
  42. width: 100%;
  43. margin: 0 auto;
  44. color: #C70;
  45. text-align: justify;
  46. }
  47.  
  48. div#tresc div.newsy div.nstopka{
  49. width: 100%;
  50. margin: 0 auto;
  51. text-align: right;
  52. color: #C70;
  53. }
  54.  
  55. div#tresc div.newsy div.nstopka p{
  56. font-size: 10px;
  57. }
  58.  
  59. hr.podzialka {
  60. width: 50%;
  61. color: #CCF;
  62. }
[HTML] pobierz, plaintext


A efekt tutaj:
http://img161.imageshack.us/img161/7374/misiek.jpg

chciał bym aby zdjęcie dzieciaka było między jedna a drugą kreską. co mam dopisać? sad.gif

clear:both;
można zamknać tongue.gif