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


Характеристики Отображаютс Коряво


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

#1 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 15 Ноябрь 2011 - 02:35

Значения характеристик сливаются так как слишком бризко расположены.

#2 Vaccina

Vaccina

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

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

Отправлено 15 Ноябрь 2011 - 19:04

Попробуйте добавить следующие стили в файл main.css

.goodsDataFeatures {
	font-size: 12px;
	width: 100%;
}
.goodsDataFeatures p {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/grey_dotted.gif") repeat-x scroll 0 100% transparent;
	float: left;
	line-height: 1.2em;
	margin: 0.2em 0 0;
	padding: 0;
	width: 100%;
}
.goodsDataFeatures p span {
	border-bottom: 1px solid #FFFFFF;
	color: #A9A9A9;
	line-height: 1.2em;
}
.goodsDataMain td {
	vertical-align: top;
}


#3 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 15 Ноябрь 2011 - 22:06

не помогло.

#4 Vaccina

Vaccina

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

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

Отправлено 16 Ноябрь 2011 - 17:57

При просмотре вашего сайта, не обнаружила предложенных стилей в вашем файле стилей main.css. Данные стили стандартные и служат как раз для устранения вашей проблемы.

#5 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 17 Ноябрь 2011 - 03:13

вот:

Прикрепленные изображения

  • вид сайта 8.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 17 Ноябрь 2011 - 18:20

Ошибка в том что у вас синтаксическая ошибка в файле стилей

#search p {
	font-size: 16px;
	left: -48px;
	position: absolute;
	top: -01px;
 
#search .search_box  {
  background: #FFCC99;
  border:none;
  font-size: 13px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 04px;
  padding-top: 8px;
  
}

отсутствует закрывающая фигурная скобка. Должно быть так

#search p {
	font-size: 16px;
	left: -48px;
	position: absolute;
	top: -01px;
} 
#search .search_box  {
  background: #FFCC99;
  border:none;
  font-size: 13px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 04px;
  padding-top: 8px;
  
}


#7 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 18 Ноябрь 2011 - 01:59

спасибо, поняла, скобочку опять удалила. рисунок ,приложеный к этому посту уже не актуален.

но теперь плохо читаемы навзвания характеристик.
И еще порядок изображения характеристик от чего зависит?

Прикрепленные изображения

  • вид сайта 11.jpg

Сообщение отредактировал katteee: 18 Ноябрь 2011 - 03:14


#8 Vaccina

Vaccina

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

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

Отправлено 18 Ноябрь 2011 - 19:10

Цитата

И еще порядок изображения характеристик от чего зависит?

Думаю порядок зависит от сортировки в разделе Товары -> Характеристики

Цитата

но теперь плохо читаемы навзвания характеристик.

По идее можно убрать заливку, и изменить цвет. Для этого в класс

.goodsDataFeatures p span {
	border-bottom: 1px solid #FFFFFF;
	color: #A9A9A9;
	line-height: 1.2em;
}

меняем на

.goodsDataFeatures p span {
	border-bottom: 1px solid #FFFFFF;
	color: #000;
	line-height: 1.2em;
}

изменив цвет, а  класс

.goodsDataFeatures p span {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #A9A9A9;
	line-height: 1.2em;
}

меняем на

.goodsDataFeatures p span {
	border-bottom: 1px solid #FFFFFF;
	color: #A9A9A9;
	line-height: 1.2em;
}

убрав заливку.

#9 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 19 Ноябрь 2011 - 00:08

второго кода не нашла в css. поэтому не смогла заменить.

#10 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2011 - 18:38

Все перечисленные классы присутствуют в вашем файле стилей main.css

.goodsDataFeatures				  {width:150%;font-size:12px;}
.goodsDataFeatures p				{line-height:1.2em;float:left;margin:0.2em 0em 0em 0em;padding:0;width:100%;background:transparent url('http://img.storeland.ru/web/upload/assets/images/21/20306/grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataFeatures p span		   {line-height:1.2em;border-bottom:1px solid #FFFFFF;background:#FFFFFF none repeat scroll 0 0;color:#A9A9A9;}
.goodsDataFeatures {
	font-size: 12px;
	width: 100%;
}
.goodsDataFeatures p {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/grey_dotted.gif") repeat-x scroll 0 100% transparent;
	float: left;
	line-height: 1.2em;
	margin: 0.2em 0 0;
	padding: 0;
	width: 100%;
}
.goodsDataFeatures p span {
	border-bottom: 1px solid #FFFFFF;
	color: #000;
	line-height: 1.2em;
}


#11 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 20 Ноябрь 2011 - 07:16

.goodsDataFeatures p span {
    border-bottom: 1px solid #FFFFFF;
    color: #000;
    line-height: 1.2em;
}
да вот его нашла, но в нем не было значения background и я подумала что это не тот код :D .
И еще почему-то внешний вид списка характеристик все равно не поменялся.

#12 Vaccina

Vaccina

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

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

Отправлено 21 Ноябрь 2011 - 19:24

В данный момент у вас идут дубликаты класса .goodsDataFeatures p span
Вам нужно найти все дубликаты и удалить. Выше я уже приводила их.

.goodsDataFeatures p span		   {line-height:1.2em;border-bottom:1px solid #FFFFFF;background:#FFFFFF none repeat scroll 0 0;color:#A9A9A9;}


то же самое что и

.goodsDataFeatures p span {
	border-bottom: 1px solid #FFFFFF;
	color: #000;
	line-height: 1.2em;
}

идет сложение и переопределение стилей. Измените стили так как я предложила вам в http://forum.storela...dpost__p__10415

#13 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 21 Ноябрь 2011 - 22:54

спасибо, поняла.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных