Bestseller als Shopcontent und nebeneinnander?

[zoidborg]

Hi,

ich will die Bestseller anstatt als Box unter dem Bereich für den Shopindex anzeigen lassen. Soweit funktioniert das auch, bis auf das die Elemente untereinnander und über den kompletten Bereich von links nach rechts angezeigt werden.

Hier mal mein Code der box_best_sellers.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<div id="contenttop"></div>
<div id="contentmiddle">
        <div class="shopcontent">
        <center><h1>{#heading_best_sellers#}</h1></center>
       
                {foreach name=aussen item=box_data from=$box_content}
                        <dl>
                                <dt>
                                        <a href="{$box_data.PRODUCTS_LINK}"><img src="{$box_data.PRODUCTS_IMAGE}" alt="" title="" /></a>
                                </dt>
                                <dd>
                                        <h3>{$box_data.COUNT}.
                                                <a href="{$box_data.PRODUCTS_LINK}">{$box_data.PRODUCTS_NAME}</a>
                                        </h3>
                                        <div>
                                                {$box_data.PRODUCTS_PRICE}<br />
                                                {if $box_data.PRODUCTS_VPE}{$box_data.PRODUCTS_VPE}<br />{/if}
                                                {$box_data.PRODUCTS_TAX_INFO}{$box_data.PRODUCTS_SHIPPING_LINK}
                                        </div>
                                        <div class="hrlightgrey"></div>
                                </dd>
                        </dl>
                        <div style="clear:both"></div>
                {/foreach}
   </div>
</div>
<div id="contentbottom"></div>

Kann mir da einer nen Tipp geben, wie ich das angehen könnte?

Linkback: https://www.modified-shop.org/forum/index.php?topic=25637.0

[dukie]

lass die <dl> Tags nebeeinander floaten.
Das geht in der CSS Datei. Stichwort: float: left;

[zoidborg]

Danke für die Antwort.

Dann sieht das ganze wie im Anhang aus 

Bin übrigens kein css Profi, aber ich denke das Problem ist das das 2 Elemente, das Bild und der Text, nebeneinnander sind...und diese nicht explizit in einen Container gepackt werden.

[armandogarcia]

du änderst in der boxes/box_best_sellers.html den tag <dl> in <dl style="float:left;"> und dann entfernst du das <div style="clear:both;"></div>

LG

Armando