Поиск Рядом С Корзиной
#1
Отправлено 16 Август 2014 - 20:35
Еще одна проблемка возникла когда пытался сделать текст по центру изображения,так и не вышло (что бы понятнее было,допустим высотка картинки 24 тогда текст должен быть на высоте 12 или 11)
Ах да еще мой кабинет выход вход регистрация выше корзины сделать хотелось бы
Спасибо.
#2
Отправлено 17 Август 2014 - 07:29
Makepuff (16 Август 2014 - 20:35) писал:
Еще одна проблемка возникла когда пытался сделать текст по центру изображения,так и не вышло (что бы понятнее было,допустим высотка картинки 24 тогда текст должен быть на высоте 12 или 11)
Ах да еще мой кабинет выход вход регистрация выше корзины сделать хотелось бы
Спасибо.
#header #search { position: relative; float: right; top: 9px; right: 0px; margin-bottom: 9px; width: 225px; z-index: 15; }и замените на этот
#header #search { position: relative; float: right; top: 85px; right: 625px; margin-bottom: 9px; width: 225px; z-index: 15; }
2. разделы "Мой кабинет/выход/вход/регистрация" уже отображаются в шапке сайта.
3. уточните пожалуйста на скришоте,что именно за проблема с текстом посередине изображения.
#3
Отправлено 17 Август 2014 - 10:24
2. Я шапку удалю позже,поэтому хочу их поставить над корзиной.
3. Пробовал через
<p><img src="img" width="128" height="128" align="middle" /> Текст </p>ничего не получалось,текст то поднимался то опускался.Может дело в размере картинки, у моей 16х16.
#4
Отправлено 17 Август 2014 - 10:38
#5
Отправлено 17 Август 2014 - 10:58
Makepuff (17 Август 2014 - 10:38) писал:
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> <div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}> <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->и поставьте его перед
</div> <div class="content"> <div class="empty">Ваша корзина покупок пуста!</div> </div> <div class="clear"></div> </div> <!-- end Корзина -->
#6
Отправлено 17 Август 2014 - 11:08
Alekseys (17 Август 2014 - 10:58) писал:
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> <div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}> <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->и поставьте его перед
</div> <div class="content"> <div class="empty">Ваша корзина покупок пуста!</div> </div> <div class="clear"></div> </div> <!-- end Корзина -->
#7
Отправлено 17 Август 2014 - 11:41
Makepuff (17 Август 2014 - 11:08) писал:
#compareInfo { color: #999; float: right; margin: 10px 0 0 15px; font-size: 11px; display: block; height: 30px; position: relative; clear: both; }и замените на
#compareInfo { color: #999; float: right; margin: 10px 0 0 15px; font-size: 11px; display: block; height: 30px; position: relative; clear: both; margin-top: -10px; }значение
margin-top: -10px;можете выставить свое,если нужно подвинуть еще ближе.
#8
Отправлено 17 Август 2014 - 12:29
1. А растянуть поле поиска нельзя?
2. разделы "Мой кабинет/выход/вход/регистрация" разместить выше корзины (так же желательно в близ друг к другу)
3. Текст по середине изображения как на скриншоте
Спасибо.
#9
Отправлено 17 Август 2014 - 12:39
Makepuff (17 Август 2014 - 12:29) писал:
1. А растянуть поле поиска нельзя?
2. разделы "Мой кабинет/выход/вход/регистрация" разместить выше корзины (так же желательно в близ друг к другу)
3. Текст по середине изображения как на скриншоте
Спасибо.
#header #search input { width: 160px; height: 21px; padding: 8px; }увеличивайте значение
width: 160px;также найдите код
#header .button-search { position: absolute; right: 0px; top: 0px; background: url('http://fafcfads.storeland.net/button-search.png') center center no-repeat; width: 36px; height: 36px; cursor: pointer; background-color: #333333; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -ms-border-radius: 50%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; border: none; }и уменьшайте значение
right: 0px;так,чтобы поле поиска не перекрывало символ лупы.
3.
<p><img src="../путь/название.png" width="195" height="157" align="middle" alt=""> Текст по центру изображения </p>
#10
Отправлено 17 Август 2014 - 12:57
#11
Отправлено 17 Август 2014 - 13:04
Makepuff (17 Август 2014 - 12:57) писал:
<p><img src="../путь/название.png" width="195" height="157" style="vertical-align:middle" alt=""> Текст по центру изображения </p>вместо того,что указан в сообщении выше.
#12
Отправлено 17 Август 2014 - 13:33
А еще (Личный кабинет вход выход регистрация) помогите перенести, что бы они были чуть выше корзины,спасибо
#13
Отправлено 17 Август 2014 - 13:39
Makepuff (17 Август 2014 - 13:33) писал:
А еще (Личный кабинет вход выход регистрация) помогите перенести, что бы они были чуть выше корзины,спасибо
<div class="inner"> ---Мой кабинет/выход/вход/регистрация---и замените его на этот
<div class="inner"> <p style="float:right";> ---Мой кабинет/выход/вход/регистрация--- </p>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных