Avatar billede stratokaster Novice
17. november 2007 - 10:49 Der er 8 kommentarer og
1 løsning

få produkter til at ligge ved siden af hinanden!

Hej,

Jeg har problemer med at få produkterne til at ligge ved siden af hinanden når man opretter et nyt produkt, er der nogen som kan hjælpe?


<!-- BEGIN: view_cat -->

<div class="boxContent1">
<!-- BEGIN: sub_cats -->
<div id="subCats">
    <!-- BEGIN: sub_cats_loop -->
    <div class="subCat">
        <a href="index.php?_a=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault"><img src="{IMG_CATEGORY}" alt="{TXT_CATEGORY}" border="0" title="{TXT_CATEGORY}" /></a><br />
        <a href="index.php?_a=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault">{TXT_CATEGORY}</a>
    </div>
    <!-- END: sub_cats_loop -->
</div>
<!-- END: sub_cats -->
<br clear="left" />
<!-- BEGIN: cat_img -->
<img src="{IMG_CURENT_CATEGORY}" alt="{TXT_CURENT_CATEGORY}" border="0" title="{TXT_CURENT_CATEGORY}" />
<!-- END: cat_img -->
<div><strong>{LANG_CURRENT_DIR}</strong> {CURRENT_DIR}</div>

<!-- BEGIN: productTable -->
<div class="txtContentTitle">
<select class="dropDown" id="sortMethod" class="textbox">
  <option value="{SORT_NAME}"{SORT_NAME_SELECTED}>{LANG_NAME}</option>
  <option value="{SORT_PRICE}"{SORT_PRICE_SELECTED}>{LANG_PRICE}</option>
</select>
<input type="button" class="submit" value="{LANG_SORT}" onclick="goUrl('sortMethod');" />&nbsp;&nbsp;
<a href="{SORT_NAME}" class="sortLink"><strong>{LANG_NAME}</strong></a> {SORT_ICON}
<a href="{SORT_PRICE}" class="sortLink"><strong>{LANG_PRICE}</strong></a> {SORT_ICON}

</div> <br>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="tblList">
   

  <!-- BEGIN: products -->
  <tr>
 
    <td align="" class="{CLASS}"><a href="index.php?_a=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" border="0" title="{TXT_TITLE}" /></a></td>
    <tr><td align="" valign="top" class="{CLASS}"><a href="index.php?_a=viewProd&amp;productId={PRODUCT_ID}" target="_self" class="txtDefault"><strong>{TXT_TITLE}</strong></a><br />
    <div class="txtOutOfStock">{TXT_OUTOFSTOCK}</div></td></tr>
    <tr><td align="" class="{CLASS}"><span class="txtCatprice">{TXT_PRICE}</span>
    <div class="txtSale">{TXT_SALE_PRICE}</div></td></tr>
    <td align="right" nowrap='nowrap' class="{CLASS}">

</tr>
<!-- END: products -->
</table>
<!-- END: productTable -->
<!-- BEGIN: noProducts -->
<div>{TXT_NO_PRODUCTS}</div>
<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>
</div>
<!-- END: view_cat -->
Avatar billede jakobdo Ekspert
17. november 2007 - 10:51 #1
Du kan overveje at bruge CSS FLOAT, kig her: http://www.alistapart.com/articles/practicalcss/
Avatar billede jokkejensen Novice
17. november 2007 - 11:38 #2
Af ren nysgerrighed, er det dynamicweb e-com det der?

/JJ
Avatar billede stratokaster Novice
17. november 2007 - 11:49 #3
Hej,

Tak for linket, ved du hvordan man får mere luft mellem produkterne, har prøvet padding men der sker ikke noget?


<div class="float"> <a href="index.php?_a=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" border="0" title="{TXT_TITLE}" /></a>
    <div valign="top" class="{CLASS}"><span><a href="index.php?_a=viewProd&amp;productId={PRODUCT_ID}" target="_self" class="txtDefault"><strong>{TXT_TITLE}</strong></a></span></div><br />
    <div class="txtOutOfStock"><p>{TXT_OUTOFSTOCK}</div>
    <div class="{CLASS}"><span class="txtCatprice">{TXT_PRICE}</span></div>
    <div class="txtSale">{TXT_SALE_PRICE}</span></div> </div>


div.float {
  float: left;
  padding: 10px;
 
  }
 
div.float span {
  text-align: center;
  }
Avatar billede stratokaster Novice
17. november 2007 - 11:49 #4
Nej det er ikke dynamicweb e-com!
Avatar billede stratokaster Novice
17. november 2007 - 11:59 #5
Okay fandt ud af det selv

div.float {
  float: left;
  padding-right: 45px;
 
  }
Avatar billede jakobdo Ekspert
17. november 2007 - 12:21 #6
Så får du et svar! :o)
Avatar billede stratokaster Novice
17. november 2007 - 12:44 #7
Så er der point!
Avatar billede 17196 Nybegynder
18. november 2007 - 02:22 #8
Du burde nok have margin-right: 45px; istedet. Sæt border: solid 1px #000; Så kan du se hvorfor ;)
Avatar billede jakobdo Ekspert
18. november 2007 - 17:53 #9
Takker for point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester