Добрый день! Помогите, пожалуйста, с блоками. Вёрстка здесь табличная и блоки съезжают, если меняю их местами в шапке сайта.
Сайт http://i-brc.com/
На картинке 1 то, до чего дошла сейчас.
На картинке 2 то, что хочется сделать.
На картинке 3 маркирована картинка 2.
На 4 - как съезжают блоки.
1
Сообщений в теме: 4
#1
Отправлено 06 Ноябрь 2013 - 20:47
#3
Отправлено 06 Ноябрь 2013 - 21:56
Текущий код.
<thead> <tr> <td class="contentTableHeadMain" rowspan="2"> <!-- Название магазина --> <div class="logo"><a href="http://{NET_DOMAIN}/"></a></div> </td> <td class="Info">– интернет-магазин, в котором всегда есть в наличии актуальные и стильные вещи по доступным ценам</td> <!-- Поисковая форма --> <td class="Search"> <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get"> <table class="SearchFormTable"> <tr> <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td> <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td> </tr> </table> </form> </td> </tr> <tr> <!-- Верхний блок навигации --> <td class="contentTableHeadNavigation"> {% FOR menu %} {% FOR header %} {% FOR links %} <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> {% IF menu.header.links.rindex>1 %}|{% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </td> <!-- Корзина --> <td class="contentTableHeadCart"> <div class="float:left"> <!-- Авторизационная информация клиента --> {% IF TARIFF_FEATURE_CLIENT_ROOM %} <div class="contentTableHeadUserInfo"> {% IF CLIENT_IS_LOGIN %} Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> <a href="{USER_LOGOUT_URL}">Выйти</a><br /> {% ELSE %} <a href="{USER_LOGIN_URL}">Вход</a> | <a href="{USER_REGISTER_URL}">Регистрация</a> {% ENDIF %} </div> {% ENDIF %} </div> <div class="float:right"> <a href="{CART_URL}" class="underline">Корзина</a>: <span id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT | money_format}<br /> {% ENDFOR %} {% ENDIF %} </span> <span id="cartCount"> {% IF cart_count_empty %} (<span class="red">0</span> шт.) {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </span> </div> </td> </tr> <tr> <!-- Контакты магазина --> <td> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td> <td></td> <td></td> </tr> </thead>
#4
Отправлено 06 Ноябрь 2013 - 23:16
Я разобралась, спасибо =) Смещение происходило из-за <td colspan="3">, нужно было верно рассчитать и выставить <td colspan="5"> в футере и colspan="4" в правой ячейке. Еще составила каркас таблицы по рисунку в dreamweaver, так стало проще заполнять ячейки таблицы.
Вот с футером пока вопросы.
Вот с футером пока вопросы.
#5
Отправлено 07 Ноябрь 2013 - 10:39
Футер можно прижать указав минимальную высоту блока с контентом.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
.contentTable {width:100%;}Заменить:
.contentTable {width:100%;min-height: 1000px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных