[Помогите] с таблицой

Тема в разделе "Wordpress", создана пользователем etens1212, 10 ноя 2013.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Добрый день, помогите мне с проблемой
    Вот сайт http://ooo-alloid.ru/?page_id=1711
    но почему то параметры под картинкой а не на уровне с ней
    вот код
    HTML:
    <div class="contats"><strong>Наш телефон:</strong> (812) 983-26-39 | <strong>Наш email:</strong> <a href="mailto:[email protected]">[email protected]</a> | <strong><a href="http://ooo-alloid.ru/?page_id=1682#" target="_blank">Заказать услугу</a></strong></div>
    <style><!--
    table, th,  td{border: 1px solid black;}
    --></style>
    <table width="100%" border="0" cellspacing="0" cellpadding="5">
    <tbody>
    <tr>
    <td colspan="2" valign="top"><a id="h2_0" name="h2_0"></a>
    <h3 class="price_h3">Трехстворчатое окно для домов 137 серии</h3>
    </td>
    </tr>
    <tr>
    <td style="padding-right: 12px;" align="right" valign="top"><img alt="трехстворчатое металлопластиковое окно" src="http://www.winokna.ru/images2/okna1/o-3st.jpg" /></td>
    <td valign="top"><strong><span class="price_h4">Параметры</span></strong>
    <table class="param_table" border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Профиль</td>
    <td>Veka Euroline</td>
    </tr>
    <tr>
    <td>Фурнитура</td>
    <td>GU Unijet (Германия)</td>
    </tr>
    <tr>
    <td>Высота окна</td>
    <td>142 см.</td>
    </tr>
    <tr>
    <td>Ширина окна</td>
    <td>170 см.</td>
    </tr>
    <tr>
    <td>Подоконник</td>
    <td>25 х 195 см.</td>
    </tr>
    <tr>
    <td>Водоотлив</td>
    <td>18 х 180 см.</td>
    </tr>
    </tbody>
    </table>
    <strong><span class="price_h4">Стоимость</span></strong>
    <table class="param_table" border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Цена изделия (окно, подоконник, отлив)</td>
    <td>10000 рублей</td>
    </tr>
    <tr>
    <td>Монтаж / демонтаж окна</td>
    <td>1500 рублей</td>
    </tr>
    <tr>
    <td>Установка водоотлива и подоконника. Отделка откосов пластиковой сэндвич-панелью. Пластиковые уголки по периметру. Оштукатуривание под подоконником и наружного шва. Штукатурка с улицы, вокруг проема.</td>
    <td>2800 рублей</td>
    </tr>
    <tr>
    <td><strong>Итого «под ключ» <span style="color: #c40000;">однокамерный стеклопакет</span></strong></td>
    <td class="price">14300 рублей</td>
    </tr>
    <tr>
    <td><strong>Итого «под ключ» <span style="color: #c40000;">двухкамерный стеклопакет</span></strong></td>
    <td class="price">15000 рублей</td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="2"><a id="h2_1" name="h2_1"></a>
    <h3 class="price_h3">Двустворчатое окно 137 серии домов</h3>
    </td>
    </tr>
    <tr>
    <td style="padding-right: 12px;" align="right" valign="top"><img alt="двухстворчатое металлопластиковое окно" src="images2/okna1/o-dvst.jpg" /></td>
    <td valign="top"><strong><span class="price_h4">Параметры</span></strong>
    <table class="param_table" border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Профиль</td>
    <td>профиль Veka Euroline</td>
    </tr>
    <tr>
    <td>Фурнитура</td>
    <td>GU Unijet (Германия)</td>
    </tr>
    <tr>
    <td>Высота окна</td>
    <td>142 см.</td>
    </tr>
    <tr>
    <td>Ширина окна</td>
    <td>115 см.</td>
    </tr>
    <tr>
    <td>Подоконник</td>
    <td>25 х 140 см.</td>
    </tr>
    <tr>
    <td>Водоотлив</td>
    <td>18 х 120 см.</td>
    </tr>
    </tbody>
    </table>
    <strong><span class="price_h4">Стоимость</span></strong>
    <table class="param_table" border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Цена изделия (окно, подоконник, отлив)</td>
    <td>8500 рублей</td>
    </tr>
    <tr>
    <td>Монтаж / демонтаж окна</td>
    <td>1500 рублей</td>
    </tr>
    <tr>
    <td>Установка подоконника и водоотлива. Отделка откосов (пластиковая сэндвич панель). Штукатурка наружного шва, под подоконником, с улицы вокруг проема, пластиковые уголки по периметру.</td>
    <td>2600 рублей</td>
    </tr>
    <tr>
    <td><strong>Итого «под ключ» <span style="color: #c40000;">однокамерный стеклопакет</span></strong></td>
    <td class="price">12600 рублей</td>
    </tr>
    <tr>
    <td><strong>Итого «под ключ» <span style="color: #c40000;">двухкамерный стеклопакет</span></strong></td>
    <td class="price">13100 рублей</td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="2" valign="top"><a id="h2_2" name="h2_2"></a>
    <h3 class="price_h3">Балконный блок для домов 137 серии (1 вариант)</h3>
    </td>
    </tr>
    <tr>
    <td style="padding-right: 12px;" align="right" valign="top"><img alt="" src="http://www.winokna.ru/images2/okna1/o-balk.jpg" /></td>
    <td valign="top"><strong><span class="price_h4">Параметры</span></strong>
    <table class="param_table" border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Профиль</td>
    <td>Veka Euroline</td>
    </tr>
    <tr>
    <td>Фурнитура</td>
    <td>GU Unijet (Германия)</td>
    </tr>
    <tr>
    <td>Стеклопакет</td>
    <td>однокамерный с энергосбережением</td>
    </tr>
    <tr>
    <td>Высота двери:</td>
    <td>214 см.</td>
    </tr>
    <tr>
    <td>Ширина двери:</td>
    <td>68 см.</td>
    </tr>
    <tr>
    <td>Высота окна:</td>
    <td>142 см.</td>
    </tr>
    <tr>
    <td>Ширина окна:</td>
    <td>120 см.</td>
    </tr>
    <tr>
    <td>Подоконник:</td>
    <td>25 х 140 см.</td>
    </tr>
    <tr>
    <td>Водоотлив:</td>
    <td>18 х 120 см.</td>
    </tr>
    <tr>
    <td>Порог двери:</td>
    <td>25 х 78 см.</td>
    </tr>
    </tbody>
    </table>
    <strong><span class="price_h4">Стоимость</span></strong>
    <table border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Цена за балконный блок (дверь, окно, подоконник, отлив)</td>
    <td>12000 рублей</td>
    </tr>
    <tr>
    <td>Монтаж / демонтаж окна</td>
    <td>2500 рублей</td>
    </tr>
    <tr>
    <td>Отделка откосов пластиковой сэндвич-панелью. Установка водоотлива и подоконника. Оштукатуривание под подоконником и наружного шва. Штукатурка с улицы, вокруг проема. Пластиковые уголки по периметру.</td>
    <td>4000 рублей</td>
    </tr>
    <tr>
    <td><strong>Итого «под ключ» <span style="color: #c40000;">однокамерный стеклопакет</span></strong></td>
    <td class="price">18500 рублей</td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="2" valign="top"><a id="h2_3" name="h2_3"></a>
    <h3 class="price_h3">Балконный блок 137 серии домов (2 вариант)</h3>
    </td>
    </tr>
    <tr>
    <td style="padding-right: 12px;" align="right" valign="top"><img alt="" src="http://www.winokna.ru/images2/okna1/o-balk2.jpg" width="178" height="276" /></td>
    <td valign="top"><strong><span class="price_h4">Параметры</span></strong>
    <table class="param_table" border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Профиль</td>
    <td>Veka Euroline</td>
    </tr>
    <tr>
    <td>Фурнитура</td>
    <td>GU Unijet (Германия)</td>
    </tr>
    <tr>
    <td>Стеклопакет</td>
    <td>энергосберегающий однокамерный стеклопакет</td>
    </tr>
    <tr>
    <td>Высота двери:</td>
    <td>214 см.</td>
    </tr>
    <tr>
    <td>Ширина двери:</td>
    <td>68 см.</td>
    </tr>
    <tr>
    <td>Высота окна:</td>
    <td>142 см.</td>
    </tr>
    <tr>
    <td>Ширина окна:</td>
    <td>50 см.</td>
    </tr>
    <tr>
    <td>Подоконник:</td>
    <td>25 х 60 см.</td>
    </tr>
    <tr>
    <td>Водоотлив:</td>
    <td>18 х 60 см.</td>
    </tr>
    <tr>
    <td>Порог двери:</td>
    <td>25 х 78 см.</td>
    </tr>
    </tbody>
    </table>
    <strong><span class="price_h4">Стоимость</span></strong>
    <table border="1" cellspacing="0" cellpadding="3">
    <tbody>
    <tr>
    <td>Цена за балконный блок (дверь, окно, подоконник, отлив)</td>
    <td>10500 рублей</td>
    </tr>
    <tr>
    <td>Монтаж / демонтаж окна</td>
    <td>2500 рублей</td>
    </tr>
    <tr>
    <td>Установка подоконника и водоотлива. Отделка откосов (пластиковая сэндвич панель). Штукатурка наружного шва, под подоконником, с улицы вокруг проема, пластиковые уголки по периметру.</td>
    <td>3700 рублей</td>
    </tr>
    <tr>
    <td><strong>Итого «под ключ» <span style="color: #c40000;">однокамерный стеклопакет</span></strong></td>
    <td class="price">16700 рублей</td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    и как убрать обводку
    и оставить только в Параметры и Стоимость?
     
  2. Bnopen

    Bnopen Команда форума

    Регистрация:
    3 мар 2013
    Сообщения:
    1.155
    Симпатии:
    514
    etens1212, у вас стили надо ковырять, например /wp-content/themes/avamys/css/base.css (строка 94) для многих тегов прописано vertical-align: baseline;
    Сделайте для ячейки вертикал топ и все будет ок. Добавьте vertical-align: top; вот сюда:
    td {
    font-size: 12px;
    padding: 0.8em;
    vertical-align: top;
    }

    /wp-content/themes/avamys/style.css (строка 238)
     
  3. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Да спасибо помогло))
    а как убрать обводку
    и оставить только в Параметры и Стоимость?
    вот
    Код:
    <style>
    td{border: 1px solid black;}
    </style>
    отвечает почему то за всю таблицу
     
    Последнее редактирование: 10 ноя 2013
  4. Bnopen

    Bnopen Команда форума

    Регистрация:
    3 мар 2013
    Сообщения:
    1.155
    Симпатии:
    514
    etens1212, это надо бордер ковырять в стилях:

    Или делать таблицу другого класс без бордера, как-то хитро там в теме все.
     
  5. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    а можно как то
    для стиля .param_table
    задать td
    как то .param_table:td