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> артиклей, норм там все или нет.=)

Ну как зачем? Что бы бот меньше напрягался и занимался только нужными делами - индексацией полезного контента.

Всем снова здрасте камрады! Эт снова я со своими странными вопросами.=D Дело вот в чем, если запрещать в robots.txt папки /css/ и /js/ как я считаю делать это нужно и необходимо, происходит небольшой форс-мажор, а именно: Как вы знаете в гугл вебмастере есть инструмент - посмотреть как Googlebot. Так вот, этот инструмент отобразит ваш сайт будто бы на нем вообще нету css и js кстати он еще плохо понимает относительные ссылки на изображения. Так же плохо (без стилей и js) будет храниться ваш сайт в каталоге http://archive.org/web/ можете кстати проверить наш htmlbook.ru как видите главной картинки тоже почему то нету. От сюда возникает вопрос - what a fuck? И стоит ли запрещать в роботсе эти папки и файлы. Всем спасиб.=D

Спасибо большое всем за ответы.=)

Все - это кто? Я может чего-то не знаю, но пока полные ссылки видел как ставят только новички, не знающие как поставить относительный путь ) Ну я особо по нету не шастаю, на хабре том же почти везде абсолютные пути, на байкпосте и так далее.)

Все привет камрады! Как вы относитесь к относительным ссылкам? Лучше они или хуже? Просто я очень редко вижу сайты, в которых используются относительные ссылки на страницы. Все предпочитают писать http://site.ru/contacts.html а не просто /contacts.html. А какие ссылки используете вы и почему? Всем спасибо.

Не все отлично работает. У вас при сужении окна оно сразу же начинает уменьшаться. В гугле же, форма поиска начинает уменьшаться только тогда, когда правый блок до него дотронется.

Странно это как то и не логично. Задано 650px - точный размер, какая разница что там внутри, почему оно уменьшается? 100% от 650 всегда по идее должно быть 650.

Всем спасибо за ответы и советы, не зря значит все таки их использую. Всем добра и хорошего времени суток!)

Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?

Доброго времени суток! Столкнулся с проблемой которая выносит мне мозг.) Есть сайт http://gobanner.ru , есть кнопки соц. сетей вверху (нас интересует только кнопка вконтакте). Когда мы на нее нажимаем открывается окно куда подставляется вся инфа из дива share42 кроме data-image. НО! Если я меняю ссылку изображения в data-image на изображение не с моего сайта, а любого другого, то картинка подставляется. Так же как и чужая, моя ссылка фигурирует в графе вода сайта (ну то окошко где мы пишем www.блаблабла.com) но все равно картинка не работает. Парни, что за бред? Что я не так делаю? Или это что то с хостингом? Вот прямая ссылка, как видно тут она работает! P.S. - Я пробовал делать и не анимированные картинки разных форматов, все равно не пашет. https://www.dropbox.com/s/g0o4iqpe95twtc0/problem.png Вот как обрабатывает картинку окно в вк. Если ссылка не с моего сайта все работает. https://www.dropbox.com/s/xmypbdqcui6ut8a/problem2.png Вот с картинкой с htmlbook, как видите все работает!