Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> CSS rollover [link] 
:(
    Опции темы
NetFlame
  Дата 1.9.2007, 15:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 316
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет



Пытаюсь создать меню с помощью rollover.

Делаю:

Код


....

A.m1 {
        display:block;
        width:180px;
        background: url('images/buttons/1.jpg') 0 0 no-repeat;
        }
A.m1:hover {    
        background-position: -180px 0;
        }
....


Код


....

<a href="index.php" class="m1"></a>

....


Результат - ничего нету. Что не так?
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 1.9.2007, 17:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Возможно, пустой тег "не нравится". Оставьте хотя бы &nbsp;, что ли. А еще лучше, имхо - пустой gif с соответвующим alt, чтобы "порадовать" поисковики и юзеров с отключенной графикой...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
WebDisaster
Дата 1.9.2007, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



А что именно не работает (работает не так)? 
Внутри <a></a> что-нибудь завёрнуто, или тэг "пустой"? Если блок пустой, у него будет нулевая высота (поскольку она явно не задана). Соответственно, и бэкграунда видно не будет... ну мне так кажецца smile

Зы.  Покая я тут перечитывал форум, SelenIT таки опередил smile. А сообщения удалять нельзя, поэтому теперь вооооот... Грохните, что ли, у кого така кнопка есть smile

Это сообщение отредактировал(а) WebDisaster - 1.9.2007, 18:25
PM MAIL   Вверх
NetFlame
Дата 1.9.2007, 21:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 316
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет



Точно, запихнул в A-тег прозачный гиф 1х1, всё появилось.
Спасибо за подсказку!  smile 
PM MAIL WWW ICQ   Вверх
vassiliy9
Дата 1.9.2007, 21:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 1.9.2007

Репутация: -1
Всего: нет



Справочник по CSS всё доступно и понятно.
размер: 171 KB 

http://depositfiles.com/files/1641654
http://letitbit.net/download/fdbec5735287/...---CSS.chm.html    
    
PM MAIL   Вверх
NetFlame
Дата 2.9.2007, 09:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 316
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет



Полезная вещичка, спасибо
PM MAIL WWW ICQ   Вверх
NetFlame
Дата 2.9.2007, 11:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 316
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет



Появились какие-то синие квадратики.
В Опере их нету, а в IE есть... Как их убрать?

Присоединённый файл ( Кол-во скачиваний: 9 )
Присоединённый файл  err.jpg 16,22 Kb
PM MAIL WWW ICQ   Вверх
Uratsakidogi
Дата 2.9.2007, 13:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



Это твои гифы с бордером. Можно продолжать извращатся и задать A.m1 img { border: none; }, или можно сделать нормальные текстовые ссылки, а текст скрывать. smile
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
NetFlame
Дата 2.9.2007, 13:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 316
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет



Продолжил извращаться  smile  smile 
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 2.9.2007, 14:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(Uratsakidogi @  2.9.2007,  13:11 Найти цитируемый пост)
нормальные текстовые ссылки, а текст скрывать.

Поисковики-то такое нормально воспримут... а бедные юзеры, у которых графика отключена или просто фоновая картинка недогрузилась? Это нормально?

Имхо, нормальные текстовые ссылки - это которые видно, а фон служит им только оформлением. Нормальные графические - это картинки с alt-ами. А скрытый текст - это ни разу не нормально smile.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Uratsakidogi
Дата 2.9.2007, 18:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



SelenITможно сделать чтобы и текст картинкой и без картинок видно (телефоны внизу левой колонки), надо только захотеть. smile

Это сообщение отредактировал(а) Uratsakidogi - 2.9.2007, 18:16
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 2.9.2007, 22:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Uratsakidogi, можно, конечно... но стоит ли овчинка выделки? Все равно ведь лишние вложенные де-факто блоковые элементы... И потом, в Мозиллах при увеличении шрифта на 3 шага возникает забавный эффект... smile

P.S. а еще там в стилях в слове "top", кажется, первая буква пропущена;)


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Uratsakidogi
Дата 3.9.2007, 20:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



Цитата(SelenIT)
И потом, в Мозиллах при увеличении шрифта на 3 шага возникает забавный эффект... 
...который не так сложно исправить. smile
P.S. спасибо.)
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 3.9.2007, 20:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Uratsakidogi, не сложно? Можно натолкнуть на мысль, как? А то у меня кроме явно извращенного варианта сделать фон с запасом, а высоту span-а указать в em, ничего в голову не приходит...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Uratsakidogi
Дата 4.9.2007, 13:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



Задать overflow: hidden для ссылки? smile
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1175 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.