login  Naam:   Wachtwoord: 
Registreer je!
 Forum

divjes op 1 lijn

Offline marten - 17/12/2006 16:27 (laatste wijziging 17/12/2006 16:31)
Avatar van martenBeheerder Geachte,

ben druk bezig met een pagina. Nu loop ik tegen het volgende probleem aan. Ik lees nieuws categorien uit de database (Dat zijn er 6)
Vervolgens print ik deze categorien op het scherm. Ik wil dat dit als volgt gebeurt:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. _________________________________________________
  2. |           |                                                                |
  3. | logo     |                                                                |
  4. |            -----------------------------------------------  
  5. |            |                                                                |
  6. |            |                                                                |
  7. ---------------------------------------------------------


Ik heb het als volgt gedaan:

1 box div die de hele box omvat.
Vervolgens 3 divjes met het logo en de twee balkjes naast het logo.

Ik doe dat met de volgende code:
while loop
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. while ($cat = mysql_fetch_array($rResult)) {
  3.  
  4. 			$catlisting .= "
  5. <div class=\"newscatbox\">
  6.     <div class=\"newscatlogo\">
  7.         <img alt=\"newscatimage\" src=\"templates/style/images/newscats/1.png\" />
  8.     </div>
  9.     <div class=\"newscatnaam\">naam</div>
  10.     <div class=\"newscataantal\">aantal</div>
  11. </div>";
  12. 		} ?>


CSS code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. div.newscatbox {
  2. 	height: 						64px;
  3. 	width:  						100%;
  4. 	position: 						relative;
  5. 	top: 							10px;
  6. 	left: 							10px;
  7. }
  8.  
  9. div.newscatlogo {
  10. 	height:							64px;
  11. 	width:							10%;
  12. 	position: 						relative;
  13. 	top: 							0;
  14. 	left: 							0;
  15. }
  16.  
  17. div.newscatnaam {
  18. 	height: 						32px;
  19. 	width:							90%;
  20. 	position: 						relative;
  21. 	top: 							0px;
  22. 	left: 							10%;
  23. }
  24.  
  25. div.newscataantal {
  26. 	height: 						32px;
  27. 	width:							90%;
  28. 	position: 						relative;
  29. 	top: 							32px;
  30. 	left: 							10%;
  31. }


Het probleem is te zien op deze pagina:
http://www.duiv...on=listing

Het probleem is dus dat het op zich wel goed geprint word. Maar hij begint met de twee balkjes pas in het tweede boxje terwijl hij bij de eerste moet beginnen. Hij slaat er dus 1 over. (Goed te zien met extensie van chrispedrick enable block level elements)

Wie kan me helpen bij dit probleempje?

Groeten,
Marten van Urk

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s