CSS: Вопросы и Ответы.

30.09.2009

Вопросы касательно стилей css.

11.10.2009

Можно ли как то в css.css задать условие:

Знаю что можно таким образом в самом исходном коде
<!--[if lte IE 6]><style type="text/css" media="screen">/* <![CDATA[ */ @import url(ie6.css); /* ]]> */</style><![endif]-->
<!--[if gte IE 7]><style type="text/css" media="screen">/* <![CDATA[ */ @import url(ie7.css); /* ]]> */</style><![endif]-->
А в самом файле стилей такое возможно?

12.10.2009

.myclass {float: left;
* float: top;}
Или вот так тоже вроде должно работать
.myclass {float: left;
//float: top;}
Вот это для ослов 6-ой версии и ниже
.myclass {float: left;
_float: top;}
Есть ещё несколько способов... Сейчас не припомню... Но если надо - пиши, найду) У меня они записаны где-то были)

12.10.2009

Avenger_Inkognito, спасибо действительно работает как часики. Для себя нашел еще одно решение, которое поможет зделать сайт мультибраузерным.
з.ы. По чем учился, посоветуй хороший учебник\сайт по css?

12.10.2009

Я где-то уже писал это(не могу найти, наверно удалили как спам 😀 ) Если хочешь, могу в лс кинуть ссылки на хорошие ресурсы по html и css Я учился самостоятельно по чужим страничкам в основном) А различные хаки на подобие этого находил в блогах веб-дизайнеров)
А какое ты для себя нашёл мультибраузерное решение?

12.10.2009

htmlbook.ru лучший учебник по css.
По хтмлю **********

Но как справочный материал (чтобы все в голове не держать) я использую htmlbook (и по html и по css)..
А различные хаки, примочки и тд - как уже сказал авенгер - в блогах..

12.10.2009

Почему не возможен ховер таким способом, раньше работало ведь.
.regacept {
width: 105px; height: 20px;
background-image:url(images/1.png);
background-repeat:no-repeat;
padding-left:15px;
}
.regacept:hover {
width: 105px; height: 20px;
background-image:url(images/2.png);
background-repeat:no-repeat;
padding-left:15px;
}

12.10.2009

А к какому хтмл-элементу применяется класс regacept?

12.10.2009

Обычная кнопка input
Видел как то на одном из сайтов, при наведении на кнопку рисунок меняется. Решил попробывать почему то не получилось... Через онмаус не зделать так как type=submit

12.10.2009

Попробуй вот так что ли... 🤨

12.10.2009

Все равное не работает.
зы. Не работает только в ослах версий 7, 8

12.10.2009

Эти браузеры, как мне помнится частично только поддерживают ховер... Не для всех элементов то есть... Кстати, и 6 и 5 ослы тем более тоже этого не поддерживают)))
А почему онмаус не делаешь? по моему он при субмите должен вроде работать-то... 🐱‍👤

12.10.2009

В общем... Если ничего с онмаусом не получится (мне почему-то кажется, что должно получиться... я вроде уже делал такое), то **********.

13.10.2009

Правильно, глупый ИЕ многие псевдоклассы не понимает.

А "хаков" чем меньше, тем лучше, т.к. они основаны на недоработках браузеров и в новых версиях могут перестать работать.
Оптимальный вариант - верстать для нормальных браузеров, а для ИЕ писать отдельный стиль через условные комментарии <!--[if IE]><![endif]-->

13.10.2009

Народ, скиньте кто-нибудь хороший мануал с примерами по <!--[if IE]><![endif]-->
Это Jquery??

13.10.2009

Если это фича...это не обязательно должен быть джикьюэри
Это условные комментарии в ХТМЛ
**********

20.10.2009

По немножку продолжаю изучение CSS на практике.
Давно уже открыл для себе значение !important; - учень удобная штука, признаюсь я вам (:
По ней и хочу задать следющий вопрос:
.mpclass {color: #A3C45D !important; font-size: 11px !important; font-weight: bold !important; text-align: left !important;}
Нужно каждое значени зделать обьязательным, что бы стили не налаживались. Но для каждого прописывать !important; очень не удобно да и файл стилей на несколько знаков станет больше.

[1. color=green]Можно[/color] как то одним !important; зделать все значения предназначенные классу mpclass обьязательными?
почему то думал, что так получится:
.mpclass {color: #A3C45D; font-size: 11px;font-weight: bold; text-align: left; !important}
2. В стилях задано описание которое, вроде как бы, должно изменять только таблци и ячейки документа top100-body, но действует на все (всеям ячейкам задает бордер и центрирует текст, даже в админке)
.top100-body td, table {text-align: center; color: #000000; font-size: 12px; border: 1px solid #000000}
Что не так?

20.10.2009

1. попробуй импортировать то значсение, которое нужно, например так, но если надо только одно, то на одно и ставь:

2.
синее не добавлено

PS можешь еще эту статью почитать, так, для общего развития) если еще не читал - **********

20.10.2009

Вот спасибо, как всегда моя не внимательность меня и подвела, это насчет второго.

1. Как импортировать одно или несколько значений я знаю, а вот как импортировать все значения сразу, так что бы не прописывать каждому свойству !импортант, а так что бы прописать один импортант для всех значений сразу.
Пока писал ответ, обошел пару CSS сайтов, понял что сразу все не импортировать одним !импортом... или же просто не нашел.

20.10.2009

у !important синтаксис:
свойство: значение !important, а не какой то другой, а так если только импортировать какойто стиль в страничку @import: url ...