전자 상점 제품 범주 정렬

-1

전자 메일 프로젝트는 TYPO3 CMS에 있습니다. 제품 목록을 형식화하는 데 문제가 있습니다 (모든 제품을 클릭 할 때). 카테고리의 시작은 다르게 간격을 둡니다. 여기 사진이 있습니다. 여기전자 상점 제품 범주 정렬

enter image description here

은 사이트 내 HTML 부분은 보이는 방법 :

<form method="post" action="###FORM_URL###" name="shopForm"> 
<div class="productCategory"> 
<!-- ###ITEM_CATEGORY### begin --> 



    <h2><!--###LINK_ITEM### begin-->###CATEGORY_TITLE###<!--###LINK_ITEM### end--></h2> 

    <h3>###CATEGORY_NOTE###</h3> 



    <!-- ###ITEM_CATEGORY### end --> 

    </div> 
    <!-- ###ITEM_LIST### begin --> 
    <!-- ###ITEM_SINGLE### begin--> 
    <div class="listitem boxShadow"> 

    <h3><!--###LINK_ITEM###-->###PRODUCT_TITLE###<!--###LINK_ITEM###--></h3> 

    <div class="productImage"> 
     ###PRODUCT_IMAGE1### 
    </div> 
     </td> 

    <p class="price">###PRODUCT_PRICE### &euro;</p> 
    <p class="text">###PRODUCT_SUBTITLE###</p> 

     <p> 
     <table class="right"> 
      <td><INPUT size="3" maxlength="4" type="text" name="###FIELD_NAME###" id="###FIELD_NAME###" value="###FIELD_QTY###" class="amount"/></td> 
     <td> <input type="image" src="fileadmin/templates/images/basket_add.png" name="basket" class="inputimage" alt="Kúpiť" onClick="if(!document.getElementById('###FIELD_NAME###').value!=''){document.getElementById('###FIELD_NAME###').value=1;}; submit();"/></td> 
     </table> 

     </p> 


    </div> 
    <!-- ###ITEM_SINGLE### end --> 
    <!-- ###ITEM_LIST### end --> 


    <!-- ###ITEM_CATEGORY_AND_ITEMS### end --> 

    </form> 

    <br clear="all" >

은 무엇 잘못 될 수 있을까? 내가 너희들에게 물어보기로 결정하기 전에 나는 해결책을 찾고자하는 4 일을 보냈다. 감사합니다

편집 :이 양식에 대한 CSS 스타일 :

.productCategory h2{font-size:15px;} 
.listitem .text{height:32px; overflow:hidden} 
.listitem h3{height: 30px; overflow:hidden; font-size:13px; } 
#tt-products-list-1 form {float:left; display: inline-block;} 
.right {border-spacing: 10px 50px;}

출처

2013-10-14 Martin Nemeth

그것은 vertical-align: top 또는 앱의이 부분에 대한 귀하의 CSS를 게시시겠습니까 display: inline-block

와 중, CSS의 문제인가?

출처

2013-10-15 08:41:52

HTML 코드의이 부분과 관련된 CSS 스타일을 추가했습니다. 그런데 인라인 블록이 내 문제를 해결하지 못했습니다. –

전자 상점 제품 범주 정렬

답변

관련 문제