Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML][MYSQL] Div-y jak to ugryźć?
Forum PHP.pl > Forum > Przedszkole
mczlowiek
Witam, uczę sie dopiero tworzenia stron za pomocą div-ów a nie ramek...
Tworząc stronę za pomocą baz danych i php mam taki oto problem. Gdy stosowalem tabelki miałem tak:
  1. <?php
  2. mysql_query("set names utf8");
  3.                                    $newsy = mysql_query("SELECT * FROM news ORDER BY news_id DESC LIMIT 0,6");
  4.                                    while($news = mysql_fetch_array($newsy))    {
  5.                                    echo('    <tr>
  6.                                                <td width=330 height=100 bgcolor="#efefef" style="padding: 5 5 5 5" valign="top">
  7.                                                <img src="http://www.tktbet.pl/www/grafika/szablon/ico-star.gif" valign="center"><font face="Century Gothic" size=2> <b>'.$news['news_tytul'].'</b><br><br>
  8.                                                <font face="Century Gothic" size=1 color=black>'.$news['news_tresc'].'
  9.                                                </td>
  10.                                                
  11.                                            </tr>
  12.                                        ');
  13.                                    }
  14. ?>

Tworzyło mi to w tym przypadku 6 bloków ułożonych pionowo. Wiem, że divy okrseśla sie ich położenie i jak w takim wypadku to "ugryżć"? Jak to zrobić aby w divie wyświetlały się dane z bazy danych i jak to ulożyć na stronie aby te 6 bloków nie pokrywało się?

Wiem, że jest to banalne pytanie, ale nigdzie nie mogę znaleźć infgomracji na ten temat.

Z góry dziękuję za odpowiedź!
vokiel
Przy takim układzie nie musisz dużo kombinować, jeśli nie ustawisz pozycji div'ów na absolute i nie nadasz im takich samych pozycji, to nic na siebie nie ponachodzi smile.gif
Tworzysz css:
  1. .news_contener {width: 330px; height: 100px; background: #efefef; padding: 5px 5px 5px 5px; vertical-align: top; clear: both;}
  2. .news_contener img {vertical-align: middle; border: 0;}
  3. .news_contener p.head {font-face: Century Gothic; font-size: 20px; font-weight: bold;}
  4. .news_contener p.body{font-face: Century Gothic; font-size: 12px;}

Przerabiasz swój kod php
  1. <?php
  2. mysql_query("set names utf8");
  3. $newsy = mysql_query("SELECT * FROM news ORDER BY news_id DESC LIMIT 0,6");
  4. while($news = mysql_fetch_array($newsy))    {
  5.               echo('<div class="news_contener">
  6.               <img src="http://www.tktbet.pl/www/grafika/szablon/ico-star.gif">
  7.               <p class="head">'.$news['news_tytul'].'</p>
  8.               <p class="body">'.$news['news_tresc'].'</p>
  9.               </div>');
  10. }
  11. ?>


Pozdrawiam
mczlowiek
no tak , ale skąd bedzie wiadomo gdzie one maja się wyświetlić (położenie)?
vokiel
W kolejności dokumentu, tam gdzie wstawisz ten skrypt. A skąd wiesz gdzie się wyświetli tabelka? Tak samo
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.