Извините, ничего не найдено.

ABTOMAT · 20.04.2010, 23:54

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

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

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

devolonter · 21.04.2010, 00:52

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

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

ABTOMAT · 13.12.2010, 18:07

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

JeanWinters · 13.12.2010, 18:27

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

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

ABTOMAT · 13.12.2010, 18:34

То, что у тебя выделено, вынести в отдельный див. Назовём его .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

Мне кажется ты ошибся со вторым внутренним 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

Сделал вот так:

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

ABTOMAT · 13.12.2010, 21:38

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

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

JeanWinters · 13.12.2010, 22:09

ты имеешь ввиду так?

      <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

<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 , если есть внешнее подключение стиля, разве это ни одно и тоже?

ABTOMAT · 14.12.2010, 18:04

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

JeanWinters · 16.12.2010, 14:18

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

#side2 ol{
 color: #999;
 font-size: 120%;
 margin: 10px;
 float: left;
}

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

ABTOMAT · 16.12.2010, 15:28

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