|
JavaScript / HTML Создание динамической разметки страниц |
20.04.2010, 23:54
|
#1
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
CSS FAQ
Предлагаю запилить FAQ по мелким вопросам по CSS/HTML, которые могут возникнуть.
Или которые возникли у Вас, Вы нашли решение и хотите поделиться, чтоб другие не искали.
В дальнейшем будем расширять и дополнять.
Итак, запиливаю первый вопрос:
1. В: Chrome и Safari подсвечивают мне поля жёлтой/синей рамочкой, а мне этого не надо! Как это отключить?
О: Прописать в стиле инпута outline: none;
2. В: Эти же негодяи подсвечивают форму ввода с сохранённым вводом, чего мне опять не надо.
О: Придётся жёстко задавать цвет, причём даже с !important'ом: color: #2a2a2a !important;. Цвет, естессна, какой надо выбираем сами.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
Последний раз редактировалось ABTOMAT, 21.04.2010 в 01:38.
|
(Offline)
|
|
Эти 8 пользователя(ей) сказали Спасибо ABTOMAT за это полезное сообщение:
|
|
21.04.2010, 00:52
|
#2
|
Разработчик
Регистрация: 17.01.2007
Сообщений: 409
Написано 114 полезных сообщений (для 281 пользователей)
|
Ответ: CSS FAQ
3.В: В IE6-7 у float-элементов удваивается отступ слева и справа. Как лечить?
О: установить свойство display для ie в значение inline (это можно сделать в том же css файле используя хак //display:inline)
4. В: В IE6-7 не работает свойство display:inline-block. Что делать?
О: Добавляем для IE zoom:1, display:inline (опять можно воспользоваться хаками)
5. Ставлю в IE6-7 высоту блока = 1px, но она явно больше. Как исправить?
О: Добавляем для IE следующее правило: font-size:0
|
(Offline)
|
|
Эти 6 пользователя(ей) сказали Спасибо devolonter за это полезное сообщение:
|
|
13.12.2010, 16:21
|
#3
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
А вопросы можно задавать в этом разделе?
|
(Offline)
|
|
13.12.2010, 18:07
|
#4
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
Ответ: CSS FAQ
Давай, потом оформим как FAQ
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
|
(Offline)
|
|
13.12.2010, 18:27
|
#5
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
Как средствами CSS сделать такое положение текста:
нужно без использования таблиц..
т.е. с одной стороны примечание (note) , а с другой сам текст
|
(Offline)
|
|
13.12.2010, 18:34
|
#6
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
Ответ: CSS FAQ
То, что у тебя выделено, вынести в отдельный див. Назовём его .note
Далее по обстановке:
1. Если NOTE - это фигурный текст картинкой, ну или просто картинка, то диву .note даём background-image: url('путь к картинке') no-repeat; padding-left: 30px;
2. Если NOTE - текст.
Тогда внутри .note делаем ещё два дива, пусть они называются .left и .right
В .left будет надпись NOTE и будет ему ксс такой: width: 30px; float: left;
В .right будет собственно текст, и ксс такой: float: left;
Цвета и шрифты - по вкусу.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
|
(Offline)
|
|
Эти 2 пользователя(ей) сказали Спасибо ABTOMAT за это полезное сообщение:
|
|
13.12.2010, 20:00
|
#7
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
Мне кажется ты ошибся со вторым внутренним div'ом, может быть "float:right;"? Хотя, в любом случае, этот способ не возымел действия.
<html>
<head>
</head>
<body>
<div>
<div style="width:30px; float:left;">
NOTE
</div>
<div style="float:right;">
There is nothing special about the scripts we are using for the player. They are perfectly ordinary Unity scripts which have been built for this projects. There is no default Character Controller script.
</div>
</div>
</body>
</html>
В IE6 работает, но коряво ("NOTE" наезжает на текст, который справа), а в FF3.6 вообще нет эффекта.
|
(Offline)
|
|
13.12.2010, 20:43
|
#8
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
Сделал вот так:
<html>
<head>
</head>
<body style="margin:25px;">
<div style="width:512px;">
<div style="width:15%; float:left;">
NOTE
</div>
<div style="width:85%; float:left;">
There is nothing special about the scripts we are using for the player.
They are perfectly ordinary Unity scripts which have been built for this
projects. There is no default Character Controller script.
</div>
</div>
<p>
Some text..
</p>
</body>
</html>
Но тут (как всегда) вылезло "другое" - в IE6 работает как нужно, в FF3.6 текст в теге <p></p> не переходит на новую строку, т.е. почему-то этот тег не рассматривает предыдущий как блочный, а вроде видит как инлайновый..
|
(Offline)
|
|
13.12.2010, 21:38
|
#9
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
Ответ: CSS FAQ
clear: both примени, можно даже инлайном (не люблю ну да ладно):
<div style="clear: both"></div>
после второго дива
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
|
(Offline)
|
|
13.12.2010, 22:09
|
#10
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
ты имеешь ввиду так?
<div style="width:85%; float:left; clear:both;">
There is nothing special about the scripts we are using for the player.
They are perfectly ordinary Unity scripts which have been built for this
projects. There is no default Character Controller script.
</div>
Не вышло..
Добавил перед <p></p>
<br style="clear:both;">
Вроде сработало, но протестировал только в IE6 и FF3.6
|
(Offline)
|
|
13.12.2010, 22:47
|
#11
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
Ответ: CSS FAQ
<div style="width:85%; float:left;">
There is nothing special about the scripts we are using for the player.
They are perfectly ordinary Unity scripts which have been built for this
projects. There is no default Character Controller script.
</div>
после вот этого дива
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
|
(Offline)
|
|
14.12.2010, 17:53
|
#12
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
Другой вопрос. Не могу понять зачем нужен импорт CSS , если есть внешнее подключение стиля, разве это ни одно и тоже?
|
(Offline)
|
|
14.12.2010, 18:04
|
#13
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
Ответ: CSS FAQ
Одно и то же.
Сам не юзаю, видел в других движках.
Просто иногда удобней редактировать несколько файлов, а подключить - один.
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
|
(Offline)
|
|
16.12.2010, 14:18
|
#14
|
Знающий
Регистрация: 22.12.2007
Сообщений: 223
Написано 22 полезных сообщений (для 51 пользователей)
|
Ответ: CSS FAQ
Сделал div и описал в css его id
#side2 ol{
color: #999;
font-size: 120%;
margin: 10px;
float: left;
}
Почему-то в IE6 пропала нумерация у нумерованного списка, а в FF3.6 она есть, только цвет для номеров не изменился. Почему в первом браузере не отображаются, а во втором цвет не изменился?
|
(Offline)
|
|
16.12.2010, 15:28
|
#15
|
Ференька
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений (для 15,675 пользователей)
|
Ответ: CSS FAQ
Довольно известный баг (кстати от старого осла уже можно и отказаться).
http://haslayout.net/css/No-Bullets-...--and--ol--Bug
Насчёт ФФ - маркеры поменяли цвет. Может, мы о разных вещах говорим
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**
* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена
|
(Offline)
|
|
Ваши права в разделе
|
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения
HTML код Выкл.
|
|
|
Часовой пояс GMT +4, время: 18:22.
|