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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Изменить цвет текста если отключены изображения 
:(
    Опции темы
Rusman
Дата 1.2.2010, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Здравствуйте!
Такой вопрос. У меня на сайте кнопки сделаны с помощью CSS. Делаю просто фоном кнопки картинку.
Текст на кнопке белый. И фон сайта белый. Если выключить изображения то вместо кнопок будет все белое, т.к. текст сольется с фоном. Как можно сделать так чтобы если в браузере отключены показ картинок то например шрифт кнопки был черный или как еще можно решить такую проблему?

Заранее всем спасибо!
PM MAIL ICQ Skype   Вверх
NNaarreekk
Дата 1.2.2010, 15:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 768
Регистрация: 23.6.2007
Где: Армения

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



Код

a:link{background:url(bg.png) no-repeat #ff0000;color:#000000;text-indent:-9999px;}

Код

<a href="menu.html" title="Текс который будет виден при отключенных картинках">Текс который будет виден при отключенных CSS</а>


Это сообщение отредактировал(а) NNaarreekk - 1.2.2010, 15:54
PM MAIL WWW   Вверх
blah
Дата 1.2.2010, 16:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

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



NNaarreekk, 
это текст, который будет виден при отключенных стилях. Здесь думаю достаточно 
Код

#button{background:#000 url(bg.png) no-repeat;

Но это только в том случае если кнопки без прозрачности, иначе цвет будет вылезать.
PM MAIL ICQ   Вверх
NNaarreekk
Дата 1.2.2010, 17:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 768
Регистрация: 23.6.2007
Где: Армения

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



Цитата(blah @  1.2.2010,  18:23 Найти цитируемый пост)
NNaarreekk, 
это текст, который будет виден при отключенных стилях 

При отключенных стилях <a href="http://..."></a> ничего не покажет посколько он пустой, а <a href="http://...">Текс</a> ничего не покажет при отключенных картинках т.к. text-indent:-9999px; убирает текс куда подальше а без text-indent:-9999px; текст будет виден над картинкой бэкграунда и будет мешать.

Или я тебя неправильно понял?
PM MAIL WWW   Вверх
Rusman
Дата 1.2.2010, 17:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Дак видите я ссылку делаю на DIV с помощью onClick а не через href. 
PM MAIL ICQ Skype   Вверх
NNaarreekk
Дата 1.2.2010, 17:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 768
Регистрация: 23.6.2007
Где: Армения

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



Цитата(Rusman @  1.2.2010,  19:43 Найти цитируемый пост)
Дак видите я ссылку делаю на DIV с помощью onClick а не через href.  

 smile 
Считаем что ты этого не говорил!
Делай норальную ссылку и будет намного легче!
PM MAIL WWW   Вверх
blah
Дата 1.2.2010, 18:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

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



NNaarreekk, 
Цитата(Rusman @  1.2.2010,  14:44 Найти цитируемый пост)
Делаю просто фоном кнопки картинку.
Текст на кнопке белый

Текст есть текстом. Вопрос же в белом тексте на белом фоне.

PM MAIL ICQ   Вверх
NNaarreekk
Дата 1.2.2010, 18:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 768
Регистрация: 23.6.2007
Где: Армения

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



blah, ааа,  да был невнимателен. Исправлюсь smile 
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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