Не могу определить элемент на странице

[webded]

Здравствуйте. Помогите пожалуйста определить, что за элемент появляется на странице перед изображением. Сначала появляется тёмная полоса, по ширине картинки, и толщиной примерно 3 px, потом сама картинка. Просмотрел весь файл style.css, закрывал комментарием всё подозрительное - всё без толку. Вот адрес одной из страниц, а то на Главной нет картинок, может посмотрите, что за ерунда. http://sekretymastera.ru/prisposobleniya/podyomnyiy-kran/  Шаблон вордпресовский.

[Q4Dizzy]

Сделайте скрин что ли, куда смотреть здесь..

 

И не самая разумная идея просить помощь на форуме подобного рода, когда на сайте блокируется правый клик мыши. (элементов то может быть много на странице, и проще и быстрее найти причину проблемы, сразу переместившись через инспектор элементов к нужному месту, чем открыть его и искать или отрубать javascript)

[Jey Val Star]

Уберите рамку вокруг картинки, это и есть ваша полоска. Т.к картинка без указаная высоты (в самом html) то место которое занимает картинка равно 0px по высоте

[webded]

Вот так скачет около секунды, кое как скрин сделал, в зависимости от скорости интернета, потом всё стаёт нормально. А рамки вокруг картинки нет. Было border:0, Я и это удалил.

 

 

Edited December 18, 2014 by webded

[Q4Dizzy]

Это из-за свойства box-shadow.

box-shadow: 0 0 0 2px #99958c;

Изображение ещё не успевает прогрузится, потому высота равно 0. А эти линии -  это отображение теней вокруг ещё не прогрузившегося изображения.

[webded]

Точно! Вот уж на что не думал. Спасибо Q4DizzY. Что-то не вижу где благодарности выставляются. Ну надо же а. Спасибо.

[Jey Val Star]

.right {float: right;margin: 5px 0 5px 20px;width: 40%;height: 40%;border: 2px solid #99958c;}

Вот и ваш бордер

Кстати, в яндекс браузере картинки без скругленных углов

 

[Q4Dizzy]

Вот и ваш бордер

 

Он его заменил с box-shadow поидее. 30 минут назад его там не было)

[webded]

Да сначала я убрал border-radius и box-shadow, но картинки стали смотреться плохо - края слились с фоном, тогда я сделал простой border, и он опять проявился как раньше. Почему интересно на других шаблонах такой проблемы нет? Шаблон то простейший. Специально такой выбирал, чтоб самому что-то побольше сделать. А тут такие непонятки. Или я такой тупой. Даже текст по левому краю не могу выровнять. Вставлял text-align:left и в content и в wrapper и в body - не реагирует. Как стояло по началу в body text-align: center, так и отображается. Беда. Уж все кеши почистил - всё одно.

 

А так вы оба правы ребята. 

Edited December 18, 2014 by webded

[Jey Val Star]

.post p, .post ol li, .post ul li {margin-top: 0;font-size: 1.2em;line-height: 1.5em;text-align: justify; // это по ширинеtext-decoration: none;}

Поищи инспектором стили

[webded]

Ну точно, говорю же - это я тупой. Такое не увидал. Нет нужно отдохнуть. А то днём стройка, вечером сайт. Так и мозги вывихнуть не долго.

Спасибо ребята. А ещё вопрос: могут рамки так себя вести из-за интернета, я на модеме, скорость черепашья.

 

А вообще-то другие то сайты открываются без таких заморочек.

Edited December 18, 2014 by webded