Treba mi pomoc oko koda - Joomla! Forum - community, help and support

e treba mi brzinska pomoc imam sledece:

code: select all

<div class="browseproductcontainer">
             
        <h3 class="browseproducttitle"><a title="<?php echo $product_name ?>" href="<?php echo $product_flypage ?>">
            <?php echo $product_name ?></a>
        </h3>
       
     <div class="browseproductdescription">
            <?php echo $product_s_desc ?>&nbsp;
            <a href="<?php echo $product_flypage ?>" title="<?php echo $product_details ?>"><?php echo $product_details ?>...</a>
        </div>

        <div class="browsepricecontainer">
            <h3 class="browseproducttitle"><?php echo $product_price ?></h3>
        </div>
       
        <span class="browseaddtocartcontainer">
        <?php echo $form_addtocart ?>
        </span>

</div>
<hr>

i css

code: select all

.browseproductcontainer {width:100%;padding: 3px 3px 3px 3px;vertical-align: top;}

.browseproducttitle {font-size: 16px; font-weight: bold;padding: 3px;margin-top: 3px;width: 30%;float: left;}
.browseproductimagecontainer {float: left;width: auto;margin: 3px;}
.browseproductdetailscontainer {float: left;width: 70%;}
.browseproductdescription {margin-top: 40px;width:50%;}
.browsepricecontainer {float: left;margin: 5px;width:20%;}
.browseaddtocartcontainer {width:30%;text-align: center}
.browseratingcontainer {float: left;width:25%;margin: 3px;white-space: nowrap;}

kako da napravim da mi ovo izgleda kao jedan red u tabeli ne kao 3?

mislim, nemam kontekst u kome je kod tako da mogu samo da nagađam kako će da izgleda:

code: select all

.browseproductcontainer {
  width:100%;
  padding: 3px 3px 3px 3px;
  vertical-align: top;
  background-color: magenta;
}

.browseproductimagecontainer {
  float: left;
  width: auto;
  margin: 3px;
  background-color: yellow;}

.browseproducttitle {
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
  margin-top: 3px;
  width: 40%;
  height: 20px;
  float: left;
  background-color: orange;}

.browseproductdetailscontainer {
  float: left;
  width: 70%;
  background-color: green;}

.browseproductdescription {
  float: left;
  margin-top: 3px;
  width: 30%;
  height: 26px;
  background-color: pink;}

.browsepricecontainer {
  float: left;
  text-align: right;
  margin-top: 3px;
  width: 20%;
  height: 26px;
  background-color: cyan;}

.browseratingcontainer {
  float: left;
  width: 25%;
  margin: 3px;
  white-space: nowrap;
  background-color: brown;}

.browseaddtocartcontainer {
  text-align: center;
  background-color: grey;}

code: select all

<div class="browseproductcontainer">
             
        <h3 class="browseproducttitle"><a title="<?php echo 'naziv proizvoda' ?>" href="<?php echo 'flypage' ?>">
            <?php echo 'ime proizvoda' ?></a>
        </h3>
       
     <div class="browseproductdescription">
            <?php echo 'opis proizvoda' ?>&nbsp;
            <a href="<?php echo 'flypage proizvoda' ?>" title="<?php echo 'detalji proizvoda' ?>"><?php echo 'detalji proizvoda' ?>...</a>
        </div>

        <div class="browsepricecontainer">
            <?php echo 'cena proizvoda' ?>
        </div>
       
        <span class="browseaddtocartcontainer">
        <?php echo 'forma dodaj u korpu' ?>
        </span>

</div>
<hr>

boje sam ubacio samo orijentaciono kako bih lakše pozicionirao, dakle izbaci background-color atribute, pošto nemam 1 funkcije u echo sam pisao samo komentare.

nisam puno od pomoći