- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах
Это на 45% больше, чем в 2022 году
Оксана Мамчуева
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Сделал эффект перекатывания через стили (при наведении на текст меню меняется кнопка рядом) http://promo.ra-hollywood.ru/indexrol1.html. Пытаюсь сделать так, чтобы картинки кнопок брались из одного файла. Проблема в том, как при этом отображают браузеры. Размер картинки в пикселях по вертекали 44, по горизонтали 23. Делаю так:
#menu a {
background: url('http://promo.ra-hollywood.ru/img/knop.JPG');
background-position:right 0px;
background-repeat: no-repeat;
display: block;
height: 22px;
}
#menu a:hover {
background: url('http://promo.ra-hollywood.ru/img/knop.JPG');
background-position:right -22px;
background-repeat: no-repeat;
}
Mozila Firefox отображает в принципе нормально, только вот на пункте "Маркетинговые исследования" кнопка висит в правом верхнем углу, а хотелось бы сделать по центру.
IE похоже самостоятельно увеличивает размер бэкграунда по высоте, когда текст не влазит и сам центрует картинку, забивая на параметр height: 22px;, поэтому там "вырезается" еще кусок красной кнопки.
Как сделать, чтоб нормально отображалось и при этом картинки грузились из одного файла?
Я вот одного не понимаю, вы откуда термин-то такой взяли "эффект перекатывания"? Что и куда там перекатывается?
По теме. ИЕ и остальные по разному обрабатывают переполнение блока: ИЕ вытягивает блок, остальные оставляют размеры блока нормальными, а содержимое "вываливается" (как собственно и должно быть). Если у вас предполагается различная высота пунктов меню, то изначально будет затруднительно сделать кнопки в одной картинке.
Непонятно зачем вам такой геморрой (кнопки в одной картинке) нужен для обычного меню. Я использую такой трюк для кнопок, но это компоненты на JavaScript, которые для обычного сайта излишни.
Я вот одного не понимаю, вы откуда термин-то такой взяли "эффект перекатывания"? Что и куда там перекатывается?
По теме. ИЕ и остальные по разному обрабатывают переполнение блока: ИЕ вытягивает блок, остальные оставляют размеры блока нормальными, а содержимое "вываливается" (как собственно и должно быть). Если у вас предполагается различная высота пунктов меню, то изначально будет затруднительно сделать кнопки в одной картинке.
Непонятно зачем вам такой геморрой (кнопки в одной картинке) нужен для обычного меню. Я использую такой трюк для кнопок, но это компоненты на JavaScript, которые для обычного сайта излишни.
Отсюда взял http://www.htmlbook.ru/content/?id=110 , перекатывается рисунок. :)
Да подтормаживает маненько, когда с разных грузится... Когда в разных картинках с Мозилой тоже проблема (именно, что текст вываливается из блока), а IE нормально отображает, просто увеличивая размер.
Как проще можно сделать чтобы в Мозиле кнопки тоже были по центру, пусть даже когда картинка подгружается из разных файлов? Я вижу только способ - для каждого различного пункта меню задавать свою высоту.
Я в таких случаях делаю две картинки, и вторую картинку (чтобы не подтормаживала) подгружаю в невидимый div
Отсюда взял http://www.htmlbook.ru/content/?id=110 , перекатывается рисунок.
Но эффекта, как такового, нет. Впрочем это неважно.
Как проще можно сделать чтобы в Мозиле кнопки тоже были по центру, пусть даже когда картинка подгружается из разных файлов?
http://loc.stack.ru/projects/CSS2/colors.html#propdef-background-position
Указать background-position: right center; Но честно говоря не знаю, как будет себя вести при разных высотах блоков.
Я в таких случаях делаю две картинки, и вторую картинку (чтобы не подтормаживала) подгружаю в невидимый div
Это как сделать?
Блин, подтормаживает все-таки. Есть какие-нибудь варианты, чтоб картинки грузились из одного файла и их можно было выровнять, в разных браузерах относительно текста?