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


Проблема С Отображением Текста


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

#1 Expert

Expert

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

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

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

В разных браузерах текст отображается разными размерами. Причем в mozill'e и oper'e одинаково. Подскажите как исправить эту ошибку.
скрины приведены с хрома и оперы.

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

  • 1.jpg
  • 2.jpg


#2 Vaccina

Vaccina

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

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

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

Думаю это связано с тем что в body задан размер шрифта в процентах font-size: 75%;

body {
	background-color: #FFFFFF;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

Думаю лучше задать размер в пикселях.

#3 Expert

Expert

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

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

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

Просмотр сообщенияVaccina (22 Ноябрь 2011 - 18:58) писал:

Думаю это связано с тем что в body задан размер шрифта в процентах font-size: 75%;

body {
	background-color: #FFFFFF;
	color: #666666;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	line-height: 1.6666em;
}

Думаю лучше задать размер в пикселях.

задал размер в пискелях. очистил кэш
результат тот же самый

#4 Vaccina

Vaccina

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

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

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

Попробуйте в файле стилей main.css найти класс

h3, h3 a {
	color: #BE9E4C;
	font-style: italic;
	font-weight: normal;
	margin: 1.1111em 0 0.5555em;
}

и заменив его на

h3, h3 a {
	color: #BE9E4C;
	font-style: italic;
	font-weight: normal;
	margin: 1.1111em 0 0.5555em;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 12px;
}


#5 Expert

Expert

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

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

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

Просмотр сообщенияVaccina (23 Ноябрь 2011 - 17:23) писал:

Попробуйте в файле стилей main.css найти класс

h3, h3 a {
	color: #BE9E4C;
	font-style: italic;
	font-weight: normal;
	margin: 1.1111em 0 0.5555em;
}

и заменив его на

h3, h3 a {
	color: #BE9E4C;
	font-style: italic;
	font-weight: normal;
	margin: 1.1111em 0 0.5555em;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 12px;
}

результата нет.

#6 Vaccina

Vaccina

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

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

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

Возможно у вас закешировалась страница. Проверила в хроме - все нормально, так же как и в других браузерах.

#7 Vilenskiy85

Vilenskiy85

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

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

Отправлено 11 Декабрь 2012 - 15:32

Помоги пожалуйста, текст вышел за пределы шаблонаИзображение
http://klimat-vikom.ru/catalog/Бытовые

#8 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 11 Декабрь 2012 - 18:51

Просмотр сообщенияVilenskiy85 (11 Декабрь 2012 - 15:32) писал:

Помоги пожалуйста, текст вышел за пределы шаблонаИзображение
http://klimat-vikom.ru/catalog/Бытовые
Такое возможно происходить из-за применяемого шрифта в редакторе.
ScreenShot 222.jpg
Переформатированный значит что у вас текст не будет адаптированно выводиться в приделах блока.
Такой начертание обычно применяется для вывода кода где переход на следующую строку зачастую бывает важен.
Этот текст выводится внутри тега <pre>
http://htmlbook.ru/html/pre
Для изменения вы можете выделить весь текст в редакторе текста и применить "Абзац".

#9 Vilenskiy85

Vilenskiy85

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

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

Отправлено 11 Декабрь 2012 - 20:10

Просмотр сообщенияKoderhan (11 Декабрь 2012 - 18:51) писал:

Такое возможно происходить из-за применяемого шрифта в редакторе.
Прикрепленный файл ScreenShot 222.jpg
Переформатированный значит что у вас текст не будет адаптированно выводиться в приделах блока.
Такой начертание обычно применяется для вывода кода где переход на следующую строку зачастую бывает важен.
Этот текст выводится внутри тега <pre>
http://htmlbook.ru/html/pre
Для изменения вы можете выделить весь текст в редакторе текста и применить "Абзац".



Спасибо большое, помогло)))

www.klimat-vikom.ru

#10 Vilenskiy85

Vilenskiy85

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

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

Отправлено 19 Февраль 2013 - 18:02

На разные страницы сайта www.klimat-vikom.ru  добавляю один и тот же текст с параметрами ЗАГОЛОВОК 3, VERDANA, жирный, подчеркнутый с цветом индиго.
на всех страницах выходит все разное, ладно хоть текст тот же, и это все в одном браузере, как быть, подскажите

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

  • 2.png
  • 3.png


#11 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Февраль 2013 - 18:35

У  Вас на странице "о компании" указан вот этот стиль
<span style="color: #000080; font-family: verdana, geneva;"><strong><span style="text-decoration: underline;">ВИКОМ - ГАРАНТИЯ КАЧЕСТВА</span></strong></span>

а на странице "Доставка" вот этот
<span style="text-decoration: underline; font-family: verdana, geneva;"><strong><span style="text-decoration: underline;">ВИКОМ - ГАРАНТИЯ КАЧЕСТВА</span></strong></span>

Таким образом, для страницы "О компании" у Вас стоит цвет color: #000080, а на странице "Доставка" у Вас вообще не задан цвет и он ставится по умолчанию, который прописан в стиле для текста такого вида. И такая ошибка наблюдается на всех страницах, где один и тот же текст выглядит разным.
Примените один стиль.

#12 AlexP_RUS

AlexP_RUS

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

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

Отправлено 24 Май 2013 - 10:13

Здравствуйте, у меня такая же проблема что и у человека начавшего эту тему. Проблема с h3 в разных браузерах.
При добавлении в код:
h3, h3 a {
  font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
  font-weight: normal;
  color: #6B5A28;
  margin: 1.1111em 0 0.5555em 0;
Параметра font-size: 18px; шрифт сталвезде отображаться как надо, кроме товаров в каталоге, т.е.
было так:
Изображение
Стало так:
Изображение
Подскажите как это исправить и выровнять как было.
Спасибо.

#13 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 24 Май 2013 - 15:57

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.goodsListItemBlock				 {height: 200px;margin:5px;overflow:hidden;}
Заменить:
.goodsListItemBlock				 {height: 225px;margin:5px;overflow:hidden;}


#14 AlexP_RUS

AlexP_RUS

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

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

Отправлено 24 Май 2013 - 17:39

Koderhan, не совсем то, что я хотел. Мне нужно не ячейку удленить, а вертикальное расстояние между словами сократить, как на 1-ой картинке.

#15 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 24 Май 2013 - 20:06

Просмотр сообщенияAlexP_RUS (24 Май 2013 - 17:39) писал:

Koderhan, не совсем то, что я хотел. Мне нужно не ячейку удленить, а вертикальное расстояние между словами сократить, как на 1-ой картинке.

Найдите код в main.css:
.goodsListItemName {
line-height: 1.2em;
padding: 5px 2px 5px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}
и замените на:
.goodsListItemName {
line-height: 0.2em;
padding: 5px 2px 5px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}


#16 AlexP_RUS

AlexP_RUS

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

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

Отправлено 25 Май 2013 - 11:15

Отлично! Большое спасибо, всё получилось.




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

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