Перейти к содержимому


Как Выровнять Картинки И Тектс В Каталоге Товаров?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 50

#1 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 08 Январь 2012 - 13:55

Добрый день?

1.Как картинки в каталоге товаров??? Много тут прочитал, попробовал, но из того что написано не чего не помогает, они остаются такими же(
Вот ссылка http://smart-moto.ru/catalog
2.Новости ползут в ширину?? заползают на главную как с этим быть?
3.В эксплоуре серая полоска сползает в право.Как быть?Безымянный.png
4.Как сделать что бы в меню слева не открывались под категории?Безымянный1.png
5.В подвале все расползлось не могу сдвинуть, как только уже не пробовал,как поправить?
6.Как дальше сдвинуть номер телефона "контакты" я сдвигаю дальше они по горизонтали не перемещаются а становятся в столбик в несколько строк?

#2 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 08 Январь 2012 - 18:55

Безымянный12.png хочу сдвинуть контакты вот так.

#3 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 09 Январь 2012 - 10:56

1. не совсем понятно, посмотрела картинки вроде бы ровные.
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

#4 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 09 Январь 2012 - 22:49

[quote name='Vaccina' timestamp='1326095791' post='12343']
1. не совсем понятно, посмотрела картинки вроде бы ровные.


1.я имел ввиду что текст в названии категорий в каталоге расположе не на одном уровне.как сделать так что бы они на одной прямой находились? Безымянный.PNG

#5 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 10 Январь 2012 - 00:32

и еще как сделать что бы контакты, поиск, корзина и меню не ъезжали при изменении маштаба?1.GIF 2.GIF 3.GIF

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Январь 2012 - 19:34

1.Редактор тем - main.css - в самом низу допишите:
.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 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 10 Январь 2012 - 22:05

2.Редактор тем - main.css - найдите сл.блок:

.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  пример1.GIF   пример 2.GIF   пример3.GIF

3.если я вот тут нарисую поиск и кнопку искать, как сделать что бы кнопка искать стала активной? поиск.GIF

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Январь 2012 - 20:49

Найдите в файле стилей main.css следующий класс

#header {
	display: table-cell;
	vertical-align: middle;
}

вам нужно удалить его.

Цитата

3.если я вот тут нарисую поиск и кнопку искать, как сделать что бы кнопка искать стала активной?

Рисовать кнопку искать в шапке вам не нужно. Вам необходимо заменить изображение search_but.gif в редакторе тем. А для управления положением поиска вы можете использовать класс

#search {
	float: right;
	height: 100px;
	padding-right: 0;
	padding-top: 510px;
	position: relative;
	right: -120px;
	width: 0;
}

меняя значение свойств right и top

#9 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 12 Январь 2012 - 10:14

Все вроде получилось. вот еще можно что нибудь сделать с сайтом что бы он растягивался при разных разрешениях экрана, что бы он растягивался и центровался , в часности шапка и основная часть сайта?????2.gif 12.gif ???

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 12 Январь 2012 - 16:44

Спасибо.огромное)

#12 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 14 Январь 2012 - 22:35

Здраствуйте. 1.Подскажиет пожалуйста как в корзине убрать 2 шага оформления товара? А корзину сделать вследующем исполнеи шаг 1 корзина.GIF , второй шаг Подтверждение заказа такой же как сейчас 4 шаг офрмления.
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.Как выровнить меня, что бы все пункты шли вряд меня.gif

#13 Ириска

Ириска

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 295 сообщений

Отправлено 16 Январь 2012 - 15:10

3. Увеличьте ширину меню, файл main.css

#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Январь 2012 - 16:13

Цитата

1.Подскажиет пожалуйста как в корзине убрать 2 шага оформления товара? А корзину сделать вследующем исполнеи шаг 1 Прикрепленное изображение: корзина.GIF, второй шаг Подтверждение заказа такой же как сейчас 4 шаг офрмления.

К сожалению сократить шаги или менять их местами не представляется возможным.

Цитата

Как в шапки сделать Навигационные карты - 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>

но получается так что появляется еще одна шапка внизу страницы, с работающей ссылкой на корзину.Че не так?>

Возможно проблема в синтаксисе.

shape="circle"coords="195,448,77">

замените на

shape="circle" coords="195,448,77">

Информацию по вставке вы можете почитать тут http://htmlbook.ru/html/map

Цитата

3.Как выровнить меня, что бы все пункты шли вряд

Увеличите значение свойства width в классе

#top-menu {
	height: 80px;
	left: 120px;
	overflow: hidden;
	position: absolute;
	top: 580px;
	width: 630px;
}


#15 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 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 шапки одна поверх другой, при маштабировании одна съезжает, может я чо то не туда вставил. Получается шапка с активными ссылками накладыватся на мою старую шапку, а должно было просто в старой шапке выделеться области для ссылок, как исправить?????z.GIF zz.GIF

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Январь 2012 - 22:04

так удалите то, что вставили, чтобы все вернуть назад. и вставлять надо желательно между тегами <header></header> если Вы хотите что-то вставить в шапку сайта.

#17 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 vais86

vais86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 51 сообщений

Отправлено 20 Январь 2012 - 17:37

Тоже самое плучается все сползает....видимо дело не в этом!(

#20 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 анонимных