Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
520011
проверь, в своем браузере я вижу дивы а не параграфы
добавь:

Код:
#ed_div, #ed_div p, #ed_div div {  
    margin: 0;  
}

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 20:42 29-03-2013
520011



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
я IE10 ым смотрел, а ты ?
 
Добавлено:
в Chrome, opere и Safari div-ы, a в firefoxe br

Всего записей: 60 | Зарегистр. 20-12-2012 | Отправлено: 22:39 29-03-2013
7Lexusi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Помогите решить задачку.
 
Дано: ДВА СПОЙЛЕРА на чистом CSS? расположены горизонтально друг за другом.
 
Вопрос: как сделать, чтобы они располагались друг под другом вертикально?
 
Спасибо заранее.

Всего записей: 751 | Зарегистр. 27-02-2007 | Отправлено: 06:01 04-04-2013 | Исправлено: 7Lexusi, 06:02 04-04-2013
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
7Lexusi
может просто обернуть еще одним div и задать ему размеры ...

----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 07:20 04-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
7Lexusi
убрать float:left для .open

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:57 04-04-2013 | Исправлено: Cheery, 07:58 04-04-2013
7Lexusi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
...оо!... как много оказывается можно сделать одной клавишей "Delete" ))))
...спасибо, добрый и умный человек!

Всего записей: 751 | Зарегистр. 27-02-2007 | Отправлено: 08:47 04-04-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
520011
у меня Макстон, он как и хром и сафари на вебките

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 09:07 04-04-2013
7Lexusi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос к спецам по CSS
 
Дано: Вот такие кнопощки.
 
Вопрос: Хотелось бы чтобы место под текст, которое появляется в выдвигающейся части, автоматически масштабировалось по текст любой длины (ну в разумных пределах, без переноса строк)
...то есть width: 300px подогнано под текст "документ Word 17 Кб", а как сделать, чтобы не подбирать ширину, а она сама масштабировалась под другой текст (ну.. или короче, или длиннее).
 
Спасибо заранее.

Всего записей: 751 | Зарегистр. 27-02-2007 | Отправлено: 05:18 17-05-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
del

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 08:16 17-05-2013 | Исправлено: vs6262, 08:31 17-05-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
7Lexusi
http://jsfiddle.net/olex/9QKng/1/

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 13:43 17-05-2013 | Исправлено: OLEX, 13:45 17-05-2013
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
7Lexusi
OLEX
возможно будет еще лучше если добавить ограничение по ширине (например, max-width:300px;)
 
http://jsfiddle.net/9QKng/2/

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 16:01 17-05-2013
7Lexusi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
Kaylang
 
Спасибо большое за то, что откликнулись на просьбу.
В результате по вашим ссылкам я наблюдаю следующее:
- в ослике и опере плавность анимации пропала напрочь
- в хромоподобных наблюдается какое-то нервное "подергивание" прежде чем произойдет раскрытие кнопки.
 
Буду признателен, если подобное можно как-то исправить.

Всего записей: 751 | Зарегистр. 27-02-2007 | Отправлено: 20:03 17-05-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
как-то исправить

Убрать нахрен анимацию.
И еще у вас один айдишник назначен нескольким элементам. Это неправильно, используйте классы.

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 20:11 17-05-2013
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
7Lexusi

Цитата:
- в ослике и опере плавность анимации пропала напрочь
- в хромоподобных наблюдается какое-то нервное "подергивание" прежде чем произойдет раскрытие кнопки.  

В лисе работает без проблем.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 01:55 18-05-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
7Lexusi
width: auto плохо работает с анимациями.. сделайте с помощью jQuery
 
https://bugzilla.mozilla.org/show_bug.cgi?id=571344
 

Цитата:
Some browsers will treat "auto" as 0 and transition from that, but that's broken in most cases.


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:44 18-05-2013 | Исправлено: Cheery, 02:44 18-05-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Код типа  
 #mybacks {  
     position:absolute;  
     left: 0;  
     top: 0;  
     width: 200px;  
     height: 100%;  
     z-index: 10;  
     background-color: red;    
     cursor: pointer;  
 }      
   
 Вот нужно чтобы этот див был при скроллинге на всю высоту, включая скроллинг. Сейчас он только на экране, скроллишь вниз - исчезает.

Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 20:42 22-05-2013 | Исправлено: xerpal, 20:42 22-05-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xerpal
ну я же показал как
 

Код:
body {
    position: relative;
    height: 100%;
    width: 100%;
}
 
div {
    position: absolute;  
    bottom: 0px;  
    top: 0px;
}


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:43 22-05-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
А, так дело в position relative. А без него никак, он мне все ломает?

Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 20:50 22-05-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xerpal

Цитата:
А без него никак,  

нет. оно указывает границы для ребенка с абсолютным позиционированием.
а что ломает? не должно ничего, в принципе.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:53 22-05-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня оно в середине экрана, а фоном мне боковины нужны.  А сдвинуть за пределы body уже не выходит...

Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 20:56 22-05-2013 | Исправлено: xerpal, 20:58 22-05-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru