• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Box nebeneinander ?!

W

Witschi262

Blogger
Hi,
ich habe per While Schleife etwas aus der Datenbank ausgelesen. Pro Datensatz wird eine Box generiert. Leider werden die Boxen untereinander angezeigt.

Link zur Seite:
WeHab - Mein, Dein, Unser Habbo

Wie kriege ich die nebeneinander? Float:right; ist ja wohl nciht möglich, wegen der While Schleife
 
Float right müsste eigentlich schon gehen... Das While hat ja nichts direkt mit der Positionierung zu tun, sondern liefert ja nur die Daten...
 
Hallo.

Dein Link zur seite hilft mir leider nicht weiter, da deine seite nicht komplett in meinen Viewport passt und keine Scrollbalken vorhanden sind.

Welche Boxen meinst du? Wie sollen die Boxen den angeordnet werden?

Gruss
Elroy
 
Nebeinander. Also immer zwei nebeneinander. Mal so als Zeichnung:
XXXXXX XXXXXX
XXXXXX XXXXXX
XXXXXX XXXXXX
XXXXXX XXXXXX

Per WhileSchleife lese ich das aus.
 
Jeweis zwei Divs float:left; und dann ein clear einbauen.. dann so weiter und am ende natürlich wieder ein clear. Anbei ein beispiel

HTML: 
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    .box {  width:400px; 
            height:60px; 
            border: 1px solid black; 
            background-color:red; 
            float:left; 
            margin:50px;10px;50px;150px;
    }
    </style>
  </head>
  <body>
    <div class="box">Hallo</div>
    <div class="box">Hallo</div>
    <div style="clear:both;"></div>
    <div class="box">Hallo</div>
    <div class="box">Hallo</div>
    <div style="clear:both;"></div>
    <div class="box">Hallo</div>
    <div class="box">Hallo</div>
    <div style="clear:both;"></div>
    <div class="box">Hallo</div>
    <div class="box">Hallo</div>
    <div style="clear:both;"></div>
  </body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben