ugrás a tartalomhoz

Div szövegdobozba while ciklussa írásnál hiba

mauladam · 2011. Feb. 25. (P), 21.49
Sziasztok.

Elakadtam egy kicsit.

Az a probléma hogy a MySQL táblábol while ciklussal szeretném kiíratni egy dives szövegdobozba a tábla sorait.
2 mező van. A cím mező tartalmát a cím dobozba a tartalom mező tartalmát a tartalom dobozba.

Ez szép és jó de a mysql táblában van kb 6 darab sor és ezek közül csak egyet ir ki.

Ahova feltöltöttem: eoldal.eu

A kódom:
  1. <html>  
  2.   
  3. <head>  
  4. <title>Blogom</title>  
  5.   
  6. <style type="text/css">  
  7. div.cim{  
  8.     width:525px;  
  9.     height:87px;  
  10.     background-color:black;  
  11.     z-index:2;  
  12.     position:absolute;  
  13.     left: 309px;  
  14.     top: 5px;  
  15. }  
  16. </style>  
  17.   
  18. <style type="text/css">  
  19. div.tartalom{  
  20.     width:529px;  
  21.     height:475px;  
  22.     background-color:black;  
  23.     z-index:2;  
  24.     position:absolute;  
  25.     left: 307px;  
  26.     top: 109px;  
  27. }  
  28. </style>  
  29. </head>  
  30.   
  31. <body>  
  32. <font size="6"><p align="center">Ez az én blogom!</p></font>  
  33. </body>  
  34.   
  35. </html>  
  36.   
  37. <?php    
  38.   
  39. $kapcsolat = mysql_connect("localhost", "felh", "jelszo");    
  40. $adatbazis = mysql_select_db("dbnev", $kapcsolat);    
  41.   
  42. $sqln = "SELECT cim, tartalom FROM news";    
  43. $resultn = mysql_query($sqln);    
  44. if (mysql_num_rows($resultn)) {   
  45.   while ($row = mysql_fetch_assoc($resultn)) {   
  46.         echo "<font size='6' color='white'>";  
  47.         echo "<div class='cim'>";  
  48.         echo $row['cim'];  
  49.         echo "</div>";  
  50.         echo "<div class='tartalom'>";  
  51.         echo $row['tartalom'];  
  52.         echo "</div>";  
  53.         echo "</font>";  
  54.    }   
  55. } else {    
  56.   print "Nem található hír az archívumban.<br>";    
  57. }    
  58.   
  59. $sqla = "SELECT cim, tartalom FROM articles";    
  60. $resulta = mysql_query($sqla);    
  61. if (mysql_num_rows($resulta)) {   
  62.   while ($row = mysql_fetch_assoc($resulta)) {    
  63.         echo "<font size='4' color='white'>";  
  64.         echo "<div class='cim'>";  
  65.         echo $row['cim'];  
  66.         echo "</div>";  
  67.         echo "<div class='tartalom'>";  
  68.         echo $row['tartalom'];  
  69.         echo "</div>";  
  70.         echo "</font>";  
  71.   }  
  72. } else {    
  73.   print "Nem található bejegyzés az archívumban.<br>";    
  74. }    
  75. mysql_close($kapcsolat);    
  76.   
  77. ?>  
Itt 2 táblábol irja ki de hogy ne keverjelek bele egy táblát irtam.

Kösz a segítséget!
‹ bocs, kicsit off téma: php tanulás Symfony+Doctrine: mentés előtti ellenőrzés ›
 ■
1

Nézd meg a böngészőben az

Joó Ádám · 2011. Feb. 25. (P), 22.00
Nézd meg a böngészőben az oldal forrását, látni fogod, hogy kiírja mindet. Utána pedig rögtön állj neki megtanulni a HTML-t és a CSS-t, mielőtt PHP-ban folytatnád a programozást.
2

Tudom hogy kiirja :(

mauladam · 2011. Feb. 25. (P), 22.10
Tudom hogy kiírja az összeset a forráskódban.

De nem látszik az oldalon csak az első.
És mindegyiknek látszania kéne...Nem?
3

Ha a CSS-t kitörlöd, akkor

Joó Ádám · 2011. Feb. 25. (P), 22.19
Ha a CSS-t kitörlöd, akkor látszik mindegyik. De amíg a létrehozott HTML nem szabályos (márpedig nagyon nem az), addig felesleges bármi mással foglalkozni, mert kiszámíthatatlan lesz a böngésző viselkedése. Tanuld meg, hogyan kell felépülnie egy HTML oldalnak. Utána írhatsz PHP-t, ami HTML-t állít elő, stílus nélkül. Az utolsó lépés a CSS hozzáadása (miután azt is megtanultad).
4

Oké Kösz!

mauladam · 2011. Feb. 25. (P), 22.25
Ok. Kösz hogy segítettél-
5

Eltakarod

Poetro · 2011. Feb. 25. (P), 22.53
Mivel mindegyik abszolút van pozicionálva, ezért egymás hegyén hátán vannak. Mindegyiknek ugyanaz a pozíciója, ráadásul meg van adva nekik háttérszín, így eltakarják egymást. Próbának csak vedd ki a hátteret, és látod, hogy egymás felett vannak.
6

+1

Blintux · 2011. Feb. 26. (Szo), 09.48
Ez így van!
A CSS-ből vedd ki a position, top, left, z-index opciókat és máris jó lesz.
Persze, ettől a kód, ebben a formában még helytelen, de működik:)
Kis HTML/CSS how to-t tényleg olvass!