Tabelle Umbrechen

[KC]

Hallo Leute,

habe einen PHP Bereich mit Verweiss auf ein Image.

Diesen Bereich möchte im Umbrechen, so das die Bilder wie eine Tabelle nebeneinander anreihen, aber wenn die Zeile voll ist, dann umbricht.
Z. B. eine Tabelle mit 3 Zellen.

Allerdings kann ich keine Tabelle erstellen, da sich die Webseite die einzelnen Images und die dazugehörigen Informationen aus einer Datenbank greift.
Der PHP Bereich jedes einzelnes Images besteht aus <?php if...> <?php endif ?>
Dieser Bereich soll sich halt wiederholen anhand von aneinandergereihten Images.

Ist glaube ich zu lösen durch DIV und Float. Habt ihr Tips auf Lager?

Gruss
KC

[Gunnar Bittersmann]

@@KC:

nuqneH

Der PHP Bereich jedes einzelnes Images besteht aus <?php if...> <?php endif ?>

Nein. Du hast ein clientseitiges Problem, d.h. mit dem Code, der beim Browser ankommt (HTML, CSS). Von PHP kriegt der Browser nichts mit, das ist längst durchgelaufen.

Ist glaube ich zu lösen durch DIV und Float.

Wozu div? Du kannst auch img-Elemente mit CSS formatieren.

Wozu float? Es gibt Alternativen.

Qapla'

[KC]

Hi Gunnar, danke damit kann man schonmal was anfangen.
PHP auf der Codingbasis sieht so aus, diesen Bereich, möchte ich nebeneinander anreihen bis die reihe voll ist, dann soll umgebrochen werden:

<?php foreach ($this->rows as $k => $row) :?>
<dl class="jea_item" >
<dt class="title" >
<a href="<?php echo $this->getViewUrl ( $row->slug ) ?>" title="<?php echo JText::_('View Details') ?>" >
<strong>
<?php if(empty($row->title)):?>
<?php echo ucfirst( JText::sprintf('PROPERTY TYPE IN TOWN', $this->escape($row->type), $this->escape($row->town) ) ) ?>

<?php if ( is_file( JPATH_ROOT.DS.'images'.DS.'com_jea'.DS.'images'.DS.$row->id.DS.'min.jpg' ) ) : ?>
<dt>
    <a href="<?php echo $this->getViewUrl ( $row->slug ) ?>" title="<?php echo JText::_('View Details') ?>">
      <img class="jeaimages" src="<?php echo JURI::root().'images/com_jea/images/'.$row->id.'/main.jpg' ?>" width="200" height="150" border="0" alt="<?php echo JText::_('View Details') ?>" />
</a>
</dt>
<?php endif ?>

UND ES GEHT NOCH VIEL LAENGER WEITER

<?php endforeach ?>

Daher dachte ich einen Div Container drum herum zu legen, order irgendwie anders einzupacken.

[KC]

Ich hab das gelösst mit:

.imagetable {
overflow: visible;
display: block;
vertical-align: top;
width: 230px;
float:left;
}

Da war <dl class="BLAFASEL"> ich hab die zu <dl class="imagetable"> umbenannt. Funzt jetzt, muss noch etwas probieren. Danke Gunnar, Du bist der Beste!

[KC]

Mein Code sieht jetzt so aus:

width: 230px;
float:left;
text-align:center;
margin-bottom:50px;
}

Nun noch ne Frage dazu, wie ist es möglich nach jeder Zeile eine horizontale Linie einzubauen? Also obere Reihe Bilder, danach ne Linie, untere Reihe wieder Bilder usw.