[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Помогите отладить css
FokeBox
Привет всем!
В общем настроил готовый слайдер картинок и на чистом html работает как надо:
http://cians.net/test/index.html
Вставил его в свой проект и там отображается криво:
http://www.wikijournal.ru/index.php/%D0%A8...%BD%D0%BE%D0%BA

Сама картинка с каким то сдвигом слева отображается
Отступы у картинки сверху и снизу появились
Кнопки снизу со сдвигом вправо отображаются

Основной css (load.php в отладчике) очень большой и в чём прочина проблематично ) как быть в этой ситуации даже не знаю! прошу подсказать или разобраться, чтобы отображался слайдер корректо )
Всем спасибо

_____________
Викижурнал - wikijournal.ru
sz47181
Так посмотрите фаирбагом, там чужие стили прилетают вот и слетает вся верстка.
У вас вроде на 9 строке добавьте margin: 0 !important, я добавил и все сразу нормально стало.
SoMeOnE
FokeBox
Продебажь. Начни удалять все строннее кроме слайдера. Пока точно не поймешь какой участок кода отвественен за конфликт стилей. Потом разберешься что делать.
Использовать important не самый лучший выход из ситуации. Если надо быстро, то да. А по хорошему нужно без него решить.
sz47181
SoMeOnE Чо там дебажить ? Стили чужие прилетают.
SoMeOnE
Цитата (sz47181 @ 3.11.2014 - 23:04)
SoMeOnE Чо там дебажить ? Стили чужие прилетают.

Понятно что прилетают. Надо же понять, какой участок кода с каким конфликтует. Может достаточно поменять местами порядок загрузки, может достаточно подробный селектер указать.
sz47181
SoMeOnE Из php стили прилетают, нечего там дебажить.
FokeBox
Цитата (sz47181 @ 3.11.2014 - 22:13)
Так посмотрите фаирбагом, там чужие стили прилетают вот и слетает вся верстка.
У вас вроде на 9 строке добавьте margin: 0 !important, я добавил и все сразу нормально стало.

Простите, не совсем понял, к какому css добавлять то "margin: 0 !important"?
Спасибо помогло ))) но только ещё маленький зазор под картинкой остался )))
никогда не пользовался функцией important - что она значит?

_____________
Викижурнал - wikijournal.ru
SoMeOnE
Цитата (FokeBox @ 4.11.2014 - 09:24)
никогда не пользовался функцией important - что она значит?

Перебивает все родительские стили. Говорит о том, что он важнее. Переведите слово)

гуглится же в два счета
http://htmlbook.ru/css/!important
Guest
Цитата (SoMeOnE @ 4.11.2014 - 15:00)
Цитата (FokeBox @ 4.11.2014 - 09:24)
никогда не пользовался функцией important - что она значит?

Перебивает все родительские стили. Говорит о том, что он важнее. Переведите слово)

гуглится же в два счета
http://htmlbook.ru/css/!important

Спасибо!
Однако внизу картинки маленький зазор в 1px так и остался ((( чего только не пробовал ... Даже в новый див оформить но всё равно н получается, на свежий взгляд не подскажите в чём может быть загвоздка?
FokeBox
Вернее даже в два пикселя) ... Но когда рамку эту убираешь вовсе (border: 1px solid gray;), то зазора нет )))

_____________
Викижурнал - wikijournal.ru
SerginhoLD
@media screen
li {
margin-bottom: .1em;
}
убрать

_____________
"internet explorer всех правильней отображает страницы" ©
FokeBox
Цитата (SerginhoLD @ 4.11.2014 - 11:41)
@media screen
li {
margin-bottom: .1em;
}
убрать

Это в к каком css такое нашли? )) всё перерыл такого не нашёл )

_____________
Викижурнал - wikijournal.ru
SerginhoLD
хорош идиота включать, открой консоль в браузере и увидишь, у меня 30 сек ушло что бы это дерьмо найти

p.s. а тут еще некоторые темы создают, что тут никто не на что не отвечает, во т по этому

_____________
"internet explorer всех правильней отображает страницы" ©
FokeBox
Цитата (SerginhoLD @ 4.11.2014 - 12:30)
хорош идиота включать, открой консоль в браузере и увидишь, у меня 30 сек ушло что бы это дерьмо найти

p.s. а тут еще некоторые темы создают, что тут никто не на что не отвечает, во т по этому

Спасибо за оскорбление ))), но всё же идеей воспользовался и сделал по-своему )
Ваш вариант не стал делать ) ничего убирать )
Спасибо всем за помощь! тему можно закрывать )

_____________
Викижурнал - wikijournal.ru
SoMeOnE
Цитата (SerginhoLD @ 4.11.2014 - 12:30)
p.s. а тут еще некоторые темы создают, что тут никто не на что не отвечает, во т по этому

Точно, примерно поэтому и не отвечают.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.