ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

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

 

6703
Андрей @ZloVeЩиЙ
Вопросы касательно стилей css.

Отредактировано ZloVeЩиЙ - 30.09.2009
6703
Андрей @ZloVeЩиЙ
Можно ли как то в css.css задать условие:
Если Браузер ИЕ то .myclass {float: left;}
Для остальных браузеров {float: top;}

Знаю что можно таким образом в самом исходном коде
<!--[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]-->

А в самом файле стилей такое возможно?

2970
удалён @Foggy
.myclass {float: left;
* float: top;}

Или вот так тоже вроде должно работать
.myclass {float: left;
//float: top;}

Вот это для ослов 6-ой версии и ниже
.myclass {float: left;
_float: top;}

Есть ещё несколько способов... Сейчас не припомню... Но если надо - пиши, найду) У меня они записаны где-то были)

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

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

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

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

Отредактировано Trilby - 12.10.2009
6703
Андрей @ZloVeЩиЙ
Почему не возможен ховер таким способом, раньше работало ведь.
.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;
}

Отредактировано ZloVeЩиЙ - 12.10.2009
2970
удалён @Foggy
А к какому хтмл-элементу применяется класс regacept?

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

2970
удалён @Foggy
Попробуй вот так что ли... 🤨
.regacept {
width: 105px; height: 20px;
background: url(images/1.png) no-repeat;
padding-left:15px;
}
.regacept:hover {
width: 105px; height: 20px;
background: url(images/2.png) no-repeat;
padding-left:15px;
}

6703
Андрей @ZloVeЩиЙ
Все равное не работает.
зы. Не работает только в ослах версий 7, 8

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

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

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

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

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

4875
ValdeZ @ValdeZ
Boltayka пишет:

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

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

6703
Андрей @ZloVeЩиЙ
По немножку продолжаю изучение 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}
Что не так?

Отредактировано ZloVeЩиЙ - 20.10.2009
6600
Александр @admiral
1. попробуй импортировать то значсение, которое нужно, например так, но если надо только одно, то на одно и ставь:
.mpclass {color: #A3C45D !important; font-size: 11px !important; font-weight: bold !important; text-align: left !important;}

2.
.top100-body td, .top100-body table {text-align: center; color: #000000; font-size: 12px; border: 1px solid #000000}

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

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

6703
Андрей @ZloVeЩиЙ
Вот спасибо, как всегда моя не внимательность меня и подвела, это насчет второго.

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

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