[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как уменьшить файл CSS и объединить свойства
GET
Проблема такая, рисуются гиперссылки-рисунки, превращающиеся просто в рисунки...и обратно...все работает, но на странице этих ссылок 7

для каждой в CSS файле описание ее поведения, когда нажимают и отжимают, когда мертвая т.е. превратилось в рисунок и т.д. все классы одинаковые! Разница только в Бэкграунде - картинки (100х100)...напрмер когда ссылка мертвая и просто рисунок , то:
PHP
print "<p class='t'>";


CSS
.t {
background-image: url(../IMG/1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 100px; /* Ширина рисунка в пикселах */
height: 100px; /*Высота рисунка */
background-position: 0 -100px;
}


Все работает, но для второй картинки 2.png, третьей 3.png...и т.д.
приходится писать точно такой же класс отличающийся только url(../IMG/2.png)
Учитывая, что там еще 4 класса описано на этот же url(../IMG/2.png), а ссылок 7, то файл с CSS раздувается почем зря!

Как прописать один для всех класс???, чтоб скажем меняешь в скрипте 1.png на 2.png и все???




Спустя 35 минут, 38 секунд (10.12.2010 - 09:58) kirik написал(а):
Цитата (A.B.C. @ 10.12.2010 - 01:23)
Как прописать один для всех класс???

А зачем? Сделай просто разные классы, и всего делов :)

.t {
display: block; /* Рисунок как блочный элемент */
width: 100px; /* Ширина рисунка в пикселах */
height: 100px; /*Высота рисунка */
background-position: 0 -100px;
}

.t1 {
background-image: url(../IMG/1.png); /* Путь к файлу с исходным рисунком */
}

.t2 {
background-image: url(../IMG/2.png); /* Путь к файлу с исходным рисунком */
}

И потом назначай:
<p class="t t1"><!-- или --><p class="t t2">

Спустя 21 минута, 27 секунд (10.12.2010 - 10:20) ABC написал(а):
kirik
А можно 2 класса одновременно делать!!??????? В смысле назначать? Это просто открытие для меня. Спасибо

Спустя 1 час, 10 минут, 34 секунды (10.12.2010 - 11:30) inpost написал(а):
Да, внутри перечисляешь через пробел их

Спустя 28 минут, 48 секунд (10.12.2010 - 11:59) ABC написал(а):
inpost
Спасибо...

Спустя 4 часа, 11 минут, 14 секунд (10.12.2010 - 16:10) ABC написал(а):
Парни Мазилп отказывается объединять классы! Эксплорер, Опера робит нормально. Что делать?

При отладке пишет строку с подключением неработающих классов бледным цветом (?)

print "<a href='baza.php?link=1' class='imgblack image'></a>";


.image{
background-image: url(../IMG/topmenu_1.png);
}
A.imgblack{
/*background-image: url(../IMG/topmenu_1.png); Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 100px; /* Ширина рисунка в пикселах */
height: 100px; /* Высота рисунка */
}

Спустя 1 час, 23 минуты, 27 секунд (10.12.2010 - 17:34) ABC написал(а):
Вопрос снят.

Хотите верьте, хотите нет проблема разрешилась переименованием класса с "imgblack" в "blacki".

Надеюсь это персональный глюк именно моей Мозиллы. Как вариант еще допускаю, что глюкануть могло из-за недопустимого количества символов в строке class="imgblack image"

Проверять это уже нет сил.


Спустя 3 часа, 2 минуты, 16 секунд (10.12.2010 - 20:36) kirik написал(а):
Цитата (A.B.C. @ 10.12.2010 - 09:34)
глюкануть могло из-за недопустимого количества символов в строке

Наврядли..
A.B.C.
Почему ты используешь принт? И еще кавычки расставляешь не по-трушному? smile.gif

Спустя 9 часов, 33 минуты, 36 секунд (11.12.2010 - 06:10) ABC написал(а):
kirik
А почему не по-трушному?


_____________
Не тот велик, кто не падал, а тот кто падал и поднимался.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.