- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта
Применяем отклонение ссылок
Сервис Rookee
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Кто знает, как можно в меню заменить текст ссылок изображениями? При наведении старая картинка(изображение) пропадает, а на ее место становится новая. И чтобы работало в IE.
Уже все перепробовал для скрытия текста, но ничего не помогает ...
И чтобы работало в IE.
грабли, если и бывают, то с FF, во всех остальных - проблем нету.
Уже все перепробовал для скрытия текста, но ничего не помогает
а вы считаете что здесь телепаты? что пререпробовали?
подсказка: события onMouseOver onMouseOut. заменяемое свойство - scr.
.top_menu2 a {
font-size: 11px;
color: #7dba00;
font-weight: bold;
text-decoration: none;
display: block;
padding: 40px 0 0 0;
float: left;
background: url("img/menu_grey.gif") no-repeat center top;
text-align: center;
width: 123px;
height: 93px;
}
.top_menu2 a:hover
{
font-size: 11px;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
padding: 40px 0 0 0;
float: left;
background: url("img/menu_green.gif") no-repeat center top;
text-align: center;
width: 123px;
height: 93px;
}
<a href="#" class="top_menu2">ПРАЙС-ЛИСТ</a>
примерно так. кучу свойств конечно можно удалить. это уж по своему усмотрнию. можно на этом фоне написать что-то..
.top_menu2{
font-size: 11px;
color: #7dba00;
font-weight: bold;
text-decoration: none;
display: block;
padding: 40px 0 0 0;
float: left;
background: url("img/menu_grey.gif") no-repeat center top;
text-align: center;
width: 123px;
height: 93px;
}
.top_menu2:hover
{
font-size: 11px;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
padding: 40px 0 0 0;
float: left;
background: url("img/menu_green.gif") no-repeat center top;
text-align: center;
width: 123px;
height: 93px;
}
помоему так
Оберните текст внутри ссылки в SPAN и задайте ему visibility:hidden;. Как вариант, ничего не оборачивая, сделать ссылке overflow:hidden; и text-indent:999px;
.top_menu2 a {
font-size: 11px;
color: #7dba00;
font-weight: bold;
text-decoration: none;
display: block;
padding: 40px 0 0 0;
float: left;
background: url("img/menu_grey.gif") no-repeat center top;
text-align: center;
width: 123px;
height: 93px;
}
.top_menu2 a:hover
{
font-size: 11px;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
padding: 40px 0 0 0;
float: left;
background: url("img/menu_green.gif") no-repeat center top;
text-align: center;
width: 123px;
height: 93px;
}
<a href="#" class="top_menu2">ПРАЙС-ЛИСТ</a>
примерно так. кучу свойств конечно можно удалить. это уж по своему усмотрнию. можно на этом фоне написать что-то..
ммм.. а где вы здесь скрываете текст ссылок?
sportmaster добавил 02.09.2009 в 14:19
Оберните текст внутри ссылки в SPAN и задайте ему visibility:hidden;. Как вариант, ничего не оборачивая, сделать ссылке overflow:hidden; и text-indent:999px;
Спасибо большое! Cовсем забыл о span.
если стоит display:block, то можно поставить overflow:hidden и text-indent:-10000px;
в данном примере нигде не скрываю. а говорю что можно поверх еще и текст написать :)
Вот хороший пример создания горизонтального меню. Можно скачать пример. При наведении меняется картинка. Работает во всех браузерах, даже в ie6 :)
Думаю нужно начинать делать максимально грамотно.
По моему вот этот пример очень хороший, сразу делаете с учтом будущих нагрузок на сервер (для меньшего обращения к нему) Технология спрайтов.
+ Все это с видео (хотя по-моему это лишне)
http://cssninja.ru/ninjacast-vol1-smertelnye-texniki-css-tri-sostoyaniya-navigacii-s-pomoshhyu-css-sprites/
Работает во всех браузерах, даже в ie6
Что значит "даже" ?? Правильно говорить - работает в IE6... и во всех остальных браузерах тоже. ;)
P.S. Кстати, у мнУ на IE8, ровно как и на Лисе и на Опере, вот такое УГ получается: