Помогите С Html На Моем Сайте

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем lonzkidmusic, 28 фев 2014.

  1. lonzkidmusic

    lonzkidmusic New Member

    Регистрация:
    28 фев 2014
    Сообщения:
    1
    Симпатии:
    0
    В общем вот так выглядит мой сайт, каждая форма товара создается отдельно

    [​IMG]

    Код выглядит вот так

    Код (Text):
    <div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-0" style="width: 100%;">
    <h1>Коллекция Весна 2014</h1>
    </div>
    </div>
    </div>
    <div class="art-content-layout-wrapper layout-item-1">
    <div class="art-content-layout layout-item-2">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-3" style="width: 20%;">
    <h2 style="text-align: center;">Футболка</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/1р.jpg"><img class="size-thumbnail wp-image-30 aligncenter" alt="1р" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/1р-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-1">1000р</span></p>

    <pre style="text-align: center;">Артикул: 000001</pre>
    </div>
    <div class="art-layout-cell layout-item-4" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Толстовка</h2>
    <p style="text-align: center;"><a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/2р.jpg"><img class="alignnone size-thumbnail wp-image-32" alt="2р" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/2р-150x150.jpg" width="150" height="150" /></a><span style="font-weight: bold;">
    </span></p>
    <p style="text-align: center;"><span class="art-button eModal-2">1700р</span></p>

    <pre>Артикул: 000002</pre>
    </div>
    <div class="art-layout-cell layout-item-3" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Шапка</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/3р.jpg"><img class="size-thumbnail wp-image-35 aligncenter" alt="3р" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/3р-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-3">700р</span></p>

    <pre>Артикул: 000003</pre>
    </div>
    <div class="art-layout-cell layout-item-4" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Футболка (2х)</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/4р.jpg"><img class="size-thumbnail wp-image-36 aligncenter" alt="4р" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/4р-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-4">1200р</span></p>

    <pre>Артикул: 000004</pre>
    </div>
    <div class="art-layout-cell layout-item-3" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Бейсболка</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/Бейсболка.jpg"><img class="size-thumbnail wp-image-39 aligncenter" alt="Бейсболка" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/Бейсболка-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-5">700р</span></p>

    <pre>Артикул: 000005</pre>
    </div>


    </div>
    <div class="art-layout-cell layout-item-3" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Чехол 5(S)</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/iphone5s.jpg"><img class="alignnone size-thumbnail wp-image-105" alt="iphone5s" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/iphone5s-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-6">700р</span></p>

    <pre>Артикул: 000006</pre>
    </div>
    <div class="art-layout-cell layout-item-4" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Коврик</h2>
    <p style="text-align: center;"><a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/коврик.jpg"><img class="alignnone size-thumbnail wp-image-112" alt="коврик" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/коврик-150x150.jpg" width="150" height="150" /></a><span style="font-weight: bold;">
    </span></p>
    <p style="text-align: center;"><span class="art-button eModal-7">600р</span></p>

    <pre>Артикул: 000007</pre>
    </div>
    <div class="art-layout-cell layout-item-3" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Чехол 4(S)</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/4s.jpg"><img class="alignnone size-thumbnail wp-image-116" alt="4s" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/4s-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-8">700р</span></p>

    <pre>Артикул: 000008</pre>
    </div>
    <div class="art-layout-cell layout-item-4" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Чехол 4(S) W</h2>
    <p style="text-align: center;"><a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/4свайт.jpg"><img class="alignnone size-thumbnail wp-image-123" alt="4свайт" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/4свайт-150x150.jpg" width="150" height="150" /></a><span style="font-weight: bold;">
    </span></p>
    <p style="text-align: center;"><span class="art-button eModal-9">700р</span></p>

    <pre>Артикул: 000009</pre>
    </div>
    <div class="art-layout-cell layout-item-3" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Чехол 5(S) W</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/5свайт.jpg"><img class="alignnone size-thumbnail wp-image-120" alt="5свайт" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/5свайт-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-10">700р</span></p>

    <pre>Артикул: 000010</pre>
    </div>
    Но когда я хочу сделать 3 линию товаров, то получается так

    [​IMG]

    код вставляю вот такой (после того, который выше)

    Код (Text):
        </div>


    </div>
    <div class="art-layout-cell layout-item-3" style="width: 20%; text-align: center;">
    <h2 style="text-align: center;">Чехол 5(S)</h2>
    <a href="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/iphone5s.jpg"><img class="alignnone size-thumbnail wp-image-105" alt="iphone5s" src="http://shop.lonzkidmusic.ru/wp-content/uploads/2014/02/iphone5s-150x150.jpg" width="150" height="150" /></a>
    <p style="text-align: center;"><span class="art-button eModal-6">700р</span></p>

    <pre>Артикул: 000006</pre>


    Как быть?
     
Загрузка...

Поделиться этой страницей