forum.boolean.name

Страница 1 из 3

Показывать 64 сообщений этой темы на одной странице

forum.boolean.name (http://forum.boolean.name/index.php)

- JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)

- - CSS FAQ (http://forum.boolean.name/showthread.php?t=12399)

ABTOMAT

20.04.2010 23:54

CSS FAQ

Предлагаю запилить FAQ по мелким вопросам по CSS/HTML, которые могут возникнуть.
Или которые возникли у Вас, Вы нашли решение и хотите поделиться, чтоб другие не искали.
В дальнейшем будем расширять и дополнять.
Итак, запиливаю первый вопрос:

1. В: Chrome и Safari подсвечивают мне поля жёлтой/синей рамочкой, а мне этого не надо! Как это отключить?
О: Прописать в стиле инпута outline: none;

2. В: Эти же негодяи подсвечивают форму ввода с сохранённым вводом, чего мне опять не надо.
О: Придётся жёстко задавать цвет, причём даже с !important'ом: color: #2a2a2a !important;. Цвет, естессна, какой надо выбираем сами.

devolonter

21.04.2010 00:52

Ответ: 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

JeanWinters

13.12.2010 16:21

Ответ: CSS FAQ

А вопросы можно задавать в этом разделе?

ABTOMAT

13.12.2010 18:07

Ответ: CSS FAQ

Давай, потом оформим как FAQ

JeanWinters

13.12.2010 18:27

Ответ: CSS FAQ

Как средствами CSS сделать такое положение текста:

нужно без использования таблиц..
т.е. с одной стороны примечание (note) , а с другой сам текст

ABTOMAT

13.12.2010 18:34

Ответ: 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;
Цвета и шрифты - по вкусу.

JeanWinters

13.12.2010 20:00

Ответ: 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 вообще нет эффекта.

JeanWinters

13.12.2010 20:43

Ответ: 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> не переходит на новую строку, т.е. почему-то этот тег не рассматривает предыдущий как блочный, а вроде видит как инлайновый..:crazy:

ABTOMAT

13.12.2010 21:38

Ответ: CSS FAQ

clear: both примени, можно даже инлайном (не люблю ну да ладно):
<div style="clear: both"></div>

после второго дива

JeanWinters

13.12.2010 22:09

Ответ: 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

ABTOMAT

13.12.2010 22:47

Ответ: 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>

после вот этого дива

JeanWinters

14.12.2010 17:53

Ответ: CSS FAQ

Другой вопрос. Не могу понять зачем нужен импорт CSS , если есть внешнее подключение стиля, разве это ни одно и тоже?

ABTOMAT

14.12.2010 18:04

Ответ: CSS FAQ

Одно и то же.
Сам не юзаю, видел в других движках.
Просто иногда удобней редактировать несколько файлов, а подключить - один.

JeanWinters

16.12.2010 14:18

Ответ: CSS FAQ

Сделал div и описал в css его id

Код:

#side2 ol{

 color: #999;

 font-size: 120%;

 margin: 10px;

 float: left;

}

Почему-то в IE6 пропала нумерация у нумерованного списка, а в FF3.6 она есть, только цвет для номеров не изменился. Почему в первом браузере не отображаются, а во втором цвет не изменился?

ABTOMAT

16.12.2010 15:28

Ответ: CSS FAQ

Довольно известный баг (кстати от старого осла уже можно и отказаться).
http://haslayout.net/css/No-Bullets-...--and--ol--Bug
Насчёт ФФ - маркеры поменяли цвет. Может, мы о разных вещах говорим

Часовой пояс GMT +4, время: 19:57.

Страница 1 из 3

Показывать 64 сообщений этой темы на одной странице