Как Выровнять Картинки И Тектс В Каталоге Товаров?
#1
Отправлено 08 Январь 2012 - 13:55
1.Как картинки в каталоге товаров??? Много тут прочитал, попробовал, но из того что написано не чего не помогает, они остаются такими же(
Вот ссылка http://smart-moto.ru/catalog
2.Новости ползут в ширину?? заползают на главную как с этим быть?
3.В эксплоуре серая полоска сползает в право.Как быть?
4.Как сделать что бы в меню слева не открывались под категории?
5.В подвале все расползлось не могу сдвинуть, как только уже не пробовал,как поправить?
6.Как дальше сдвинуть номер телефона "контакты" я сдвигаю дальше они по горизонтали не перемещаются а становятся в столбик в несколько строк?
#3
Отправлено 09 Январь 2012 - 10:56
2. причина в отсутствии пробелом из-за чего не может сработать перенос слов.
3.редактор тем - main.css - найдите сл.блок:
.page-headline h1 { background-color: #BCBDC1; color: #000000; font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif; height: 80px; overflow: hidden; padding-left: 20px; position: absolute; width: 940px; }
и замените width: 940px; на width: 727px;
4.как понимаю Вы хотите чтобы не появлялись подкатегории в левом меню. для этого зайдите в редактор тем - html - найдите сл.блок:
<ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul>и замените на этот:
<ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %}{%IFNOT catalog.LEVEL>0%} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul>5.редактор тем - main.css - найдите сл.блок:
#footer .left ul li { border-right: 1px solid #666666; color: #333333; display: inline; font: 10px Verdana,Geneva,sans-serif; margin-right: 80px; padding-right: 80px; }
замените на этот:
#footer .left ul li { border-right: 1px solid #666666; color: #333333; display: inline; font: 10px Verdana,Geneva,sans-serif; margin-right: 5px; padding-right: 5px; }6.тот же фаил:
#contactInfo { font-size: 1.6em; left: 1000px; position: absolute; right: -360px; top: 350px; }
замените на:
#contactInfo { font-size: 1.6em; position: absolute; right: 20px; top: 350px; }
и в последующем менять значения только у top и right
#6
Отправлено 10 Январь 2012 - 19:34
.content_catalog_nested_categories .imagem{ min-height: 130px; }
2.Редактор тем - main.css - найдите сл.блок:
.b_page { background: url("http://smart-moto.ru/web/upload/assets/images/34/33354/header_page.png") no-repeat scroll left top transparent; }
и замените слово center на left
#7
Отправлено 10 Январь 2012 - 22:05
.b_page {
background: url("http://smart-moto.ru...eader_page.png") no-repeat scroll left top transparent;
}
и замените слово center на left
если я заменю, centr на left, то шапка тоже будет смещаться. А я хочу что бы при маштабировании не чего не ползло, а просто уменьшался маштаб.как тут http://lady-and.ru
3.если я вот тут нарисую поиск и кнопку искать, как сделать что бы кнопка искать стала активной?
#8
Отправлено 11 Январь 2012 - 20:49
#header { display: table-cell; vertical-align: middle; }
вам нужно удалить его.
Цитата
Рисовать кнопку искать в шапке вам не нужно. Вам необходимо заменить изображение search_but.gif в редакторе тем. А для управления положением поиска вы можете использовать класс
#search { float: right; height: 100px; padding-right: 0; padding-top: 510px; position: relative; right: -120px; width: 0; }
меняя значение свойств right и top
#10
Отправлено 12 Январь 2012 - 12:48
причина в том что Вы задаете слишком огромное значение для блоков,которыми Вы управляете,а также в некоторых моментах огромная ширина двигает.
Редактор тем - main.css :
#top-menu { height: 80px; left: 380px; overflow: hidden; position: absolute; top: 580px; }заменить на:
#top-menu { height: 80px; left: 380px; overflow: hidden; position: absolute; top: 580px; width: 580px; }
далее:
#search { float: right; height: 100px; padding-right: 0; padding-top: 510px; position: relative; right: -100px; width: 0; }на:
#search { height: 100px; bottom:0; position: absolute; right: 0px; width: 160px; }
далее:
#contactInfo { font-size: 1.6em; left: 1000px; position: absolute; right: -360px; top: 350px; }
на:
#contactInfo { font-size: 1.6em; position: absolute; right: 0; top: 350px; }
далее:
#wrapper { padding-bottom: 10px; }
меняем на:
#wrapper { min-width: 1024px; padding-bottom: 10px; }
далее в самом низу прописываем:
#header{ height:610px; }
#11
Отправлено 12 Январь 2012 - 16:44
#12
Отправлено 14 Январь 2012 - 22:35
2.Как в шапки сделать Навигационные карты - map, что бы наведя курсором например на корзину , можно было на нее нажать и перейти в корзину, где это нужно прописать?Пишу в Html перед закрытем тега </body>,<center>
<img src="http://smart-moto.ru...eader_page.png" usemap="#cart">
</center>
<map name="cart">
<area href="http://smart-moto.ru/cart" shape="circle"coords="195,448,77">
</map>
но получается так что появляется еще одна шапка внизу страницы, с работающей ссылкой на корзину.Че не так?>
3.Как выровнить меня, что бы все пункты шли вряд
#13
Отправлено 16 Январь 2012 - 15:10
#14
Отправлено 16 Январь 2012 - 16:13
Цитата
К сожалению сократить шаги или менять их местами не представляется возможным.
Цитата
<img src="http://smart-moto.ru...eader_page.png" usemap="#cart">
</center>
<map name="cart">
<area href="http://smart-moto.ru/cart" shape="circle"coords="195,448,77">
</map>
но получается так что появляется еще одна шапка внизу страницы, с работающей ссылкой на корзину.Че не так?>
Возможно проблема в синтаксисе.
shape="circle"coords="195,448,77">
замените на
shape="circle" coords="195,448,77">
Информацию по вставке вы можете почитать тут http://htmlbook.ru/html/map
Цитата
Увеличите значение свойства width в классе
#top-menu { height: 80px; left: 120px; overflow: hidden; position: absolute; top: 580px; width: 630px; }
#15
Отправлено 16 Январь 2012 - 19:55
Цитата
Возможно проблема в синтаксисе.
shape="circle"coords="195,448,77">
замените на
shape="circle" coords="195,448,77">
Информацию по вставке вы можете почитать тут http://htmlbook.ru/html/map
Увеличите значение свойства width в классе
#top-menu { height: 80px; left: 120px; overflow: hidden; position: absolute; top: 580px; width: 630px; }
Добрый вечер!
Вставил map со ссылками на главную страницу, контакты и корзину, вся страница сползла вниз, я начинаю поправлять и ссылки на главную страницу(надпись с мотоциклом) и контакты(красная трубка) перестают работать и подвал съезжает почему так??как поправить???Получается у меня получилось 2 шапки одна поверх другой, при маштабировании одна съезжает, может я чо то не туда вставил. Получается шапка с активными ссылками накладыватся на мою старую шапку, а должно было просто в старой шапке выделеться области для ссылок, как исправить?????
#16
Отправлено 17 Январь 2012 - 22:04
#17
Отправлено 18 Январь 2012 - 19:50
<center>
<img src="http://smart-moto.ru...eader_page.png" usemap="#cart"/>
</center>
<map name="cart"/>
<area href="http://smart-moto.ru/cart" shape="circle"coords="195,448,77"/>
<area href="http://smart-moto.ru" shape="poly"coords="340,442,390,420,515,410,575,410,575,385,625,350,685,315,760,315,760,440,810,455,895,460,1000,480,1000,532,625,530,573,500,340,503"/>
<area href="http://smart-moto.ru.../page/kontakty" shape="rect"coords="810,349,948,412"/>
</map>
что не так?
#18
Отправлено 19 Январь 2012 - 19:29
<center> <img src="http://smart-moto.ru/web/upload/assets/images/34/33354/header_page.png" usemap="#cart"/> </center> <map name="cart"/> <area href="http://smart-moto.ru/cart" shape="circle" coords="195,448,77"/> <area href="http://smart-moto.ru" shape="poly" coords="340,442,390,420,515,410,575,410,575,385,625,350,685,315,760,315,760,440,810,455,895,460,1000,480,1000,532,625,530,573,500,340,503"/> <area href="http://smart-moto.ru/page/kontakty" shape="rect" coords="810,349,948,412"/> </map>
Код необходимо вставлять внутрь тега <body>
#19
Отправлено 20 Январь 2012 - 17:37
#20
Отправлено 21 Январь 2012 - 15:06
<center> <img src="http://smart-moto.ru/web/upload/assets/images/34/33354/header_page.png" usemap="#cart"/> </center> <map name="cart"/> <area href="http://smart-moto.ru/cart" shape="circle" coords="195,448,77"/> <area href="http://smart-moto.ru" shape="poly" coords="340,442,390,420,515,410,575,410,575,385,625,350,685,315,760,315,760,440,810,455,895,460,1000,480,1000,532,625,530,573,500,340,503"/> <area href="http://smart-moto.ru/page/kontakty" shape="rect" coords="810,349,948,412"/> </map>
сразу после тега <body>
далее в файле стилей main.css найти
#header { height: 610px; }
заменить на
#header { height: 610px; margin-top: -576px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных