Дизайн страницы новостей

голоса: +3

   Если новость длинная, то текст в конце приобретает вот такой вид: https://yadi.sk/i/E3bfH4CKdjSJD

    Если она короткая, то что-то происходит с фоном (он должен быть белый) : https://yadi.sk/i/piArUntBdjSJm
    у меня есть предположение, что это связано с тем, что внутрь этого блока каким-то непостижимым для меня образом попала реклама. выглядит это примерно вот так: https://yadi.sk/i/NsjDWdq6djSMJ

    Посдкажите, как все это убрать?.

 

Адрес сайта http://malinatomsk.ucoz.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +4
 
Лучший ответ

1 и 2. В Таблице стилей строка номер 137:

.eBlock td.eMessage,.eBlock td.eText,.eMessage,.eText {color:#670c51;font-family: Verdana, Geneva, sans-serif;margin:0;padding:20px!important;line-height:150%;font-size:12px;text-indent:15px;display:inline-flex;text-align:justify}
 
3. Нет, с системной рекламой это никак не связано.
 
Выделенное красным удалить!
 
| Автор:
Выбор ответа лучшим | | Автор: Maria
Спасибо))) Можно еще один маленький вопрос? Вид новостей на главной странице теперь такой же как на отдельной. Почти. При просмотре на отдельной странице там справа какой-то то бордюр. Я не могу понять откуда он там взялся и как его убрать.
Вот скриншот https://yadi.sk/i/pxOXXdLUdjYis
В таблице стилей CSS строка номер 86 находим стили:
.eBlock {
background:;
padding:0px 0px 0px 0px !important;
-moz-border-radius:0px 0px 0 0;
-webkit-border-radius:0px 0px 0 0;
border-radius:0px 0px 0 0;
margin:20px 20px 20px 3px;
-moz-box-shadow:5px 3px 5px 0px rgba(0,0,0,.2);
-webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,.2);
box-shadow: 5px 3px 5px 0px rgba(0,0,0,.2);
}

В последних трех параметрах box-shadow в начале первое значение с 5px заменяем на 0px то есть в итоге должно выглядеть вот так:
-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,.2);
Сделала, теперь тень равномерно слева и справа от сообщения, а бордюр остался. Такое ощущение что при полном просмотре новости блок немного сдвинут влево, поэтому там виден бордюр.
читаем материал - http://htmlbook.ru/css/box-shadow и настраиваем нужные параметры под себя
я читала этот материал. Сейчас убрала тень вообще, блок где написан текст сообщения "сдвинут" относительно низа или он просто меньше по ширине. вот как это выглядит
https://yadi.sk/i/rsCax8WDdjacw
чем это может быть вызвано?
сдвинут так как вы в таблице стилей аналогично строка 86 для класса eBlock задали стили margin: 20px 20px 20px 3px;

А именно, что все и сдвинуло это последняя цифра 3px измените ее на 0 и сохраните изменения.
я уже проверяла и меняла ее на ноль, ничего не меняется. меняется только расстояние размещения от левого края для всей новости, а соотношение низа и верха также и остается несимметричным.У меня есть предположение что это зрительный эффект, просто там справа сделан бордюр тем же цветом что и фон. Поэтому блок зрительно "усекается". Вот только где это, не могу понять.
Как вариант попробуйте заменить маргин на:
margin: 20px 0px -15px 0px;
и посмотрите как будет более корректно, для вас.
попробовала -  не помогает... все равно там этот "дисбаланс" присутствует. главное, во всех других модулях все нормально. вот именно при просмотре новости это возникает. думаю, тут надо не маргин менять а что-то другое. сейчас я намеренно поставила яркую заливку для класса .eBlock
на главной странице заливку не видно, а при просмотре новости она просвечивает везде. и там отчетливо видно что с правого края какая-то "несостыковка".
добавьте параметр - border-spacing: 0px;
да) теперь все нормально. но исчез также бордюр, который отделял дату и количество просмотров от текста сообщения. можно его как-то добавить?...
В таблице стилей CSS находим строку номер 135  в конце перед закрытием фигурной кавычки добавьте параметр - border-top: 1px solid #e9ddca;
Спасибо большое) На сегодня у меня вопросы закончились:)
...