kostenloser Webspace werbefrei: lima-city

CSS float Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   php-oop

   php-oop hat kostenlosen Webspace.

   19:23, 21.6.2012

   Hallo,
   ich gebe DIV ref="/tag/boxen">Boxen dynamisch mit einer Schleife in PHP aus.
   
   

   .box {
   border:1px dashed;
   width:400px;
   padding:10px;
   float:left;
   clear:both;
   overflow:hidden;
   margin-bottom:10px;
   margin-left:10px;
   }

   
   
   So gebe ich die Boxen aus der Datenbank aus:
   
   

   <?php
   
   ...
   	
   	while ( $row = $abstract->fetchRow ( $res ) ) {
   		
   		echo '<div class="box">
   ....
   	</div>';
   	
   	}
   
   ?>

   
   
   Jetzt mein Problem:
   Im CSS Code habe ich schon mit float probiert, die Boxen nebeneinander anzuzeigen.
   Zurzeit werden sie untereinander angezeigt.
   
   Es sollen immer 2 Boxen nebeneinander angezeigt werden.
   
   Wie muss mein CSS Code genau lauten?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. nilsmargotti

   

   nilsmargotti hat kostenlosen Webspace.

   19:45, 21.6.2012

   Du solltest die boxen teilen. also Box_rechts und Box_links z.B und die dann mit Top top und left platzieren.
4. Autor dieses Themas

   php-oop

   php-oop hat kostenlosen Webspace.

   19:53, 21.6.2012

   nilsmargotti schrieb:
   Du solltest die boxen teilen. also Box_rechts und Box_links z.B und die dann mit Top top und left platzieren.

   
   
   Ja, könnte ich machen.
   Aber dann hab ich noch das Problem mit der Schleife, dann müsste ja bei jedem Durchlauf die jeweils andere Box kommen.
   Wie geht das?

5. nilsmargotti

   

   nilsmargotti hat kostenlosen Webspace.

   20:04, 21.6.2012

   Lege eine beliebige variable fest mit anfangs wert 0
   
   If var == 0
   Anweisung
   Var = 1
   
   Elseif var == 1
   Anweisung
   var = 0
6. Autor dieses Themas

   php-oop

   php-oop hat kostenlosen Webspace.

   21:01, 21.6.2012

   nilsmargotti schrieb:
   Lege eine beliebige variable fest mit anfangs wert 0
   
   If var == 0
   Anweisung
   Var = 1
   
   Elseif var == 1
   Anweisung
   var = 0

   
   
   Danke, hättest du ein Code Beispiel?

7. tobiworlds

   

   tobiworlds hat kostenlosen Webspace.

   21:07, 21.6.2012

   <?php
   $count = 1;
   while ( $row = $abstract->fetchRow ( $res ) ) {
      if($count mod 2 == 0){
         //Ausgabe links
         echo '<div class="box_links">
         $count++;
      } else {
         //Ausgabe rechts
         echo '<div class="box_rechts">...</div>';
      }
   }
   ?>

   
   
   Beitrag zuletzt geändert: 21.6.2012 21:09:42 von tobiworlds
8. Autor dieses Themas

   php-oop

   php-oop hat kostenlosen Webspace.

   21:09, 21.6.2012

   tobiworlds schrieb:
   

   <?php
   $count = 1;
   if($count mod 2 == 0){
      //Ausgabe links
      $count++;
   } else {
      //Ausgabe rechts
   }
   ?>

   
   
   Cool, danke, so werde ich es mal probieren
   
   Beitrag zuletzt geändert: 21.6.2012 22:21:22 von php-oop

9. tobiworlds

   

   tobiworlds hat kostenlosen Webspace.

   16:09, 22.6.2012

   Würdest Du auch noch rückmelden, ob es funktioniert hat?

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?