logicface

Добрый день, почему скачут изображения в таблице (раздел портфолио) в Mozilla при наведении на них мышкой? И еще - если нажать на изображение, всплывающее окно их перекроет (обязательно полностью) - при закрытии этого окна, маленькие изображения на долю секунды исчезают, почему? Сайт - gobanner.ru Спасибо всем гуру, которые откликнуться.

Добрый день, есть проблема на сайте gobanner.ru Дело вот в чем, блок - лучшее из портфолио. Он состоит из картинок - кружков. При открытии картинки и закрытии ее кружки исчезают. Но они исчезают только тогда когда открытая картинка перекрывает их. Для теста откройте первую картинку - дом (она сама большая), она перекроет собой или нижний ряд или верхний, соответственно после закрытия ее, этих рядов не будет пока по ним не проведешь мышкой. Проблема исчезает если убрать border-radius или opacity. Или если в файле .js fancybox изменить последнюю строку - position:relative на fixed. Но тогда при открытии картинки верстка будет уходить влево на велечину ползунка. Как исправить исчезновение картинок в Mozilla? Еще кое что - если добавить border:1px бла бла бла; все тоже начнет работать нормально. Так же если хедер сделать не fixed тоже все становиться нормально работать, или же если оставить fixed но дать хедеру z-index больший чем у fancybox. P.S. - Mozilla самый убогий браузер, проблемы последнее время только в нем возникают. Проблема решена - решил убрать фиксированый хедер, без него даже как то более просторно сайт смотрится при перелистывании.=D

Спасибо большое, изучать по тиху начал.

Всем привет, снова я со своими дурацкими вопросами.=D Почему кнопки разные: http://jsfiddle.net/LW5kU/6/ Конкретнее - почему те кнопки у которых есть float прижаты к верху и если их проинспектировать то мы увидим четкую границу line-height (выделена синим), а элементы без float не прижаты к верху и при их инспектировании line-height будто равен базовому значению а не 3. А еще, почему первые 2 кнопки игнорируют значения padding и margin именно вверху и внизу, по бокам то они отталкиваются.=) И главный вопрос забыл - почему 2ая кнопка во много раз меньше размером чем последняя. Они различаются только тем, что у последней есть float.

Надо что бы разрабы придумали новую функцию css которая бы верхушку и конец строковых элементов резала до конца их последнего пикселя и не давала зазоров.=)

Что бы оно пахало, выходит, надо по любому оборачивать спаны в лишний див: http://jsfiddle.net/LW5kU/1/

Спасибо большое.

Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.

Так в принципе все равно как она строиться, она дает этот отступ в отличие от всех остальных эллементов и я так понимаю его невозможно убрать? Или вот еще к примеру, как сделать так, что бы при любом размере шрифта между ними был одинаковый отсутп? Ну к пример есть у меня h1 а за низ идет p. Я хочу что бы между ними был всегда одинаковый отступ и дайю тегу h1 padding-bottom:20px. Хрен там будет 20 пикселей даже с 1 настройки, придется возиться со всеми нелюбимыми "магическими числами", куда уж без них. А если я потом решу увеличить размер текста тега p? Что мне вручную паддинг менять что ли?

Короче я пока остановился на том, что сделал тегу p отрицательный margin-bottom и margin-top:1em - мало ли будет последовательность тегов <p> идти. И все отступы переделал под эту бурду, получилась конечно жесть полная, но работает.=D

Всем привет, есть проблема с margin блоков. Дело в том, что я немного perfectционист и стремлюсь к тому, что бы все зазоры между блоками были одинаковые. Ладно, я могу простить разницу в 1 пиксель, но больше чем 1 нет, это выше моих сил.=D Все в порядке тогда, когда блок заканчивается какой то таблицей или четким элементом, но все дрожит и полыхает если блок заканчивается абзацем. Ей богу, как они меня бесят эти абзацы и этот line-height. Вот пример хорошего дела: https://www.dropbox.com/s/mr0jkcx2zg90gd1/1.png А вот пример плохого дела: https://www.dropbox.com/s/3vj1vlh2unp56vt/2.png line-height мне нужен такой как есть сейчас, что бы зазор между буквами был 14 пикселей. Это можно как то исправить, что бы конец блока был именно тогда, когда происходит конец последнего пикселя буквы?=D

Первый лол не является «first-child», так как первым потомком является нигггер. Спасибо, но все равно странновато это. Например если ниггер будет не div'ом а span'ом тоже работать не будет. Я думал что потомки как бы разделяются на классы. То есть див - это одно племя грубо говоря, спаны - другое племя.) А если див имеет еще класс какой то, то он вообще из 4 племени.=D

Нет, ничего не было, просто 3 дива. У каждого дива к пример класс lol. И если писать .lol:first-child {что то там} ничего не пашет, хотя последний чилд работает. По ходу чилдами можно управлять нормально только из родительского блока, то есть надо типо что бы это .lol были обернуты в div и писать div .lol:first-child Ничего не понимаю, вот тут все пашет: http://jsfiddle.net/3k9VP/1/ Я тупо копирую это дело себе, и у меня первый блок все равно розовый.=D Короче вообще ппц, я удалил весь css с сайта кроме этого и блоки все равно не работают, они начинают работать только если я удалю вообще все кроме них.=\ Ага, еще одно, так же они работают без всякого удаления и тому подобного но если только их обрамить еще одним дивом. То есть не надо css менять, странно это. Вот! Я нашел! Объясните мне плиз почему это не работает http://jsfiddle.net/3k9VP/2/ Ведь я явно указал классом, какие дивы принимают участие в первый-последний.

Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

Всем привет камрады. Собственно хочу получить вашу оценку о моем готовом проекте, создавался он как финансовая подушка и для того, что бы я мог спокойно и упорно учить проектирование интернет газет не тратя 8 часов в день на работу.=D То есть сайт уже полностью завершен и все в нем работает, все ошибки которые я мог найти я вроде как успешно нашел и верстать старался как можно более качественно. Это пока максимум моих навыков. Надеюсь особых ошибок вы не обнаружите, хотя по моему мнению я слишком часто юзаю display:inline-block, он даже применен к тегам h1-6 и так далее, для выравнивания изображения кубика. Сайт: http://gobanner.ru Всем спасибо заранее. А, и есть еще 1 сайтик, тоже я клепал, так сказать по фасту: http://kroliks.by/Тут из-за карты решил не делать общий блок для выравнивания блоков <article>, и сам блок - карта проезда решил сделать как <aside> вроде он как не контент считается, хотя хз, интересно правильно или нет. Интересует так же правильность содержимого блока <header> артиклей, норм там все или нет.=)