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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
капец 11 лет тут торчите )))))

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 02:08 17-07-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Начало: /topic.cgi?forum=24&bm=1&topic=10928
 
Cheery

Код:
Можно сделать и более простым способом (если размер содержимого не вылазит за пределы)  
 li {float: left; width: 50%;}  
 сделает 2 столбца  
   
 li {float: left; width: 33%;}  
 3 стоблца и так далее

li распределяются по другому: по горизонтали, а в css3 - по вертикали.

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 09:37 31-07-2013 | Исправлено: unreal666, 09:40 31-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666
http://alistapart.com/article/multicolumnlists
ps: это насчет старых методов (статья 2005 года)

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:02 31-07-2013 | Исправлено: Cheery, 10:03 31-07-2013
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, что и как поправить для правильной работы css-кода во всех основных браузерах - Internet Explorer, FireFox, Opera, Chrome и др.
 
Код html-страницы
 
P.S.: например, меню не отображается в Internet Explorer и Maxthon

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 21:33 11-10-2013 | Исправлено: Alexey87, 11:25 12-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
ссылку давайте на css+html, чтобы воспроизвести проблему.

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:44 11-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
для начала.. ВСЕГДА (!) указывайте DOCTYPE, иначе IE включает Quirks режим и можете получить что угодно.
 
опишите проблему http://jsfiddle.net/bddj3/

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:28 12-10-2013 | Исправлено: Cheery, 21:29 12-10-2013
Alexey87

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

Цитата:
опишите проблему

не отображается выпадающее меню в Internet Explorer и Maxthon

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 23:34 12-10-2013
Cheery



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

Цитата:
не отображается выпадающее меню в Internet Explorer и Maxthon

по ссылке отображается?


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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:34 12-10-2013
Alexey87

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

Цитата:
по ссылке отображается?

да, но меню строется столбцом

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 23:51 12-10-2013
Cheery



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

Цитата:
да, но меню строется столбцом

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


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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:06 13-10-2013 | Исправлено: Cheery, 00:07 13-10-2013
Alexey87

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

Цитата:
покажите мне пример, который работает везде, кроме IE, так, как вам нужно

вот мои результаты
- Chrome
- Internet Explorer
- Maxthon
- Opera
 
нужно так, как в Opera или Chrome

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 01:03 13-10-2013 | Исправлено: Alexey87, 01:09 13-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
честно, начинает раздражать такое отношение..  
я же просил - воспроизведите свой код так, как есть.
чтобы отображало так, как у вас, не просто css.  
 
тогда можно будет сразу и точно сказать в чем проблема, не гадая.
 
вот ссылка - http://jsfiddle.net , воспроизведите там свой код, чтобы было именно так, как у вас. не на картинках, а чтобы я мог сам посмотреть в браузере.
 
или выложите файлы, с которых вы делаете скриншоты.

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:08 13-10-2013 | Исправлено: Cheery, 01:09 13-10-2013
Alexey87

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

Цитата:
вот ссылка - http://jsfiddle.net , воспроизведите там свой код

код воспроизвел
ссылка http://jsfiddle.net/6dK27/

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 01:14 13-10-2013 | Исправлено: Alexey87, 01:18 13-10-2013
Cheery



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

Цитата:
код воспроизвел

а ссылка где?  
 

Цитата:
ссылка http://jsfiddle.net/6dK27/

у меня там во всех браузерах вертикально, не только в IE.
 
начните с простого - напишите правильный html код, так как структура
<table>
<caption>
<ul>
....
</ul>
</caption>
</table>
в корне неправильная

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:17 13-10-2013 | Исправлено: Cheery, 01:27 13-10-2013
OLEX



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

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 01:54 13-10-2013 | Исправлено: OLEX, 01:55 13-10-2013
Alexey87

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

Цитата:
напишите правильный html код

такой код сойдет
 
OLEX,
почти ничего не изменилось.
все также как и на скриншотах, только теперь горизонтальное меню выровнилось по левому краю

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 10:36 13-10-2013 | Исправлено: Alexey87, 10:58 13-10-2013
esche

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

Цитата:
да, но меню строется столбцом
 

для блоков li ширину укажите. Блочный элемент по умолчанию всю ширину родителя занимает.

Всего записей: 49 | Зарегистр. 03-05-2013 | Отправлено: 11:56 13-10-2013
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо, esche, помогло

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 13:20 13-10-2013
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, что и как поправить для правильной работы css-кода по скруглению углов в таблице у всех основных браузеровх - Internet Explorer, FireFox, Opera, Chrome и др.  
   
Код html-страницы
 
P.S.: например, скругление не отображается в Internet Explorer, Maxthon и Chrome

Всего записей: 653 | Зарегистр. 27-01-2008 | Отправлено: 23:27 25-10-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
единицы то указывайте. не просто 0, а 0px и так далее

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:33 25-10-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

Компьютерный форум 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