faradei21

Проблема решена. Каждая кнопка — это ячейка. И поместил эти кнопки в один <div> блок. Но этому диву блоку не присвоил отображение как таблица display: table. Как только присвоил — так сразу все заработало.

Дело в том, что это тоже решение, причем нормальное. На других же страницах все нормально? Дело именно в этом коде гугловском. По сути это реклама, но почему она так влияет на панель кнопок - вообще непонятно. И проблема выявлена только на google chrome. На опере и мозиле все нормально. Есть мысли?

И снова здравствуйте). Смещается панель кнопок сайта при обновлении страницы vinilloff.ru/mail.php Дело в этом коде <script type="text/javascript"><!-- google_ad_client = "ca-pub-4231692048579762"; /* Демо страницы */ google_ad_slot = "1331915711"; google_ad_width = 468; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-3866000-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> Этот код лежит в конце страницы, в теле документа. Когда этот код присутствует, то при обновлении страницы панель кнопок не смещается. А при отсутствии - смещается. Исходники взял отсюда. В инете искал и нашел одного пользователя, который тоже встретился с проблемой смещения расположения элементов. Но он ничего нового не сказал. В чем проблема?

Спасибо всем. В общем избавился от span тегов, намного легче стало. В мозилле все заработало. .left { display: table-cell; width: 150px; height: 40px; opacity: 0.8; background: url(left.png); vertical-align: middle; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .left:hover { display: table-cell; width: 150px; height: 40px; opacity: 1; background: url(left.png); vertical-align: middle; }

Разобрался. Spanы вообще здесь не нужны. Щас делаю только с :hover.

table-cell - потому что vertical-align . Мне текст на кнопке по середине надо расположить, а с блочными элементами такого не получается. С картинками для меня лучше, потому что дизайн кнопки могу сам задать. Ладно, пока буду пробовать варианты, которые мне выше предлагали.

Я тоже об этом подумал. В общем тут дело стандартов. Кто поддерживает, а кто нет. Опера результаты мне выдает получше чем хром, как ни странно. А мозилла вообще....

Все сделал, но это не помогло - ни первой проблеме, ни второй.

В общем вот сайт vinilloff.ru Захожу с мозиллы и при наведении на панель кнопок курсором, анимация появляется в верхнем левом углу экрана. В опере и хроме такого нет. Вот код: .left { display: table-cell; position: relative; width: 150px; height: 40px; background: transparent url(knopkaleft.png) no-repeat; color: #424242; vertical-align: middle; } .left span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent url(knopkaleft.png) no-repeat; background-position: -150px 0; opacity: 0; width: 150px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; padding-top: 11px; } .left:hover span { opacity: 1; color: black; Это для самой левой кнопки "Главная". В чем проблема? Как подправить код? И еще одна проблема. Форма обратной связи некорректно отображается (Написать нам). В хроме первая строка, где вводится имя на 1 символ левее, хотя в фаерфоксе и опере такого нет. Если ставить пробел ( ), то в хроме все нормально отображаться будет, а в фаерфоксе и опере наоборот - строка уйдет дальше. Как с этим быть, мастера?

Благодарю, все четко.

Всем здравствуйте. В общем имеется блок <div>, который имеет прозрачность (в моем случае это фон). В этот блок вставляю картинки или любые другие элементы и они тоже прозрачны. Пробовал другой "блок в блоке" - не получилось. То есть все элементы, находящиеся в блоке наследуют прозрачность. Как сделать, чтобы элементы были полноценно видимыми, при условии, что сам фон будет полупрозрачным?