Столбцы
|
|
|
Дата: Воскресенье, 10.10.2010, 12.55.06 | Сообщение # 1 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| Скажите пожалуйста, а можно ли текст на ОДНОЙ странице сайта разместить в 2 или более столбцов?? Просто текста мало, а абзацев много и сильно удлиняется страница, которую надо долго скроллить
|
|
|
|
|
Дата: Воскресенье, 10.10.2010, 13.50.00 | Сообщение # 2 |
Читаем подпись!
Зарегистрирован: 06.09.2010
Пользователь №: 14
Сообщений: 758
| Как сделать вывод новостей в несколько колонок
|
|
|
|
|
Дата: Воскресенье, 10.10.2010, 13.57.31 | Сообщение # 3 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| Опять ты меня не так понял... мне нужно это сделать со СТРАНИЦЕЙ с тупо текстом и bbкодами, а не НОВОСТЯМИ
|
|
|
|
|
Дата: Воскресенье, 10.10.2010, 15.15.44 | Сообщение # 4 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| PPPasha, тебе нужен код столбцов в ббкодах? Говори размер, сколько на сколько (столбцов и строк) надо, я тебе сделаю.
|
|
|
|
|
Дата: Воскресенье, 10.10.2010, 15.40.30 | Сообщение # 5 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| Таблицу я и сам сделаю... Мне надо текст на 2 колонки поделить... а если нельзя, то сделаю таблицу
|
|
|
|
|
Дата: Понедельник, 11.10.2010, 14.13.15 | Сообщение # 6 |
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
| PPPasha, Css3 свойство multi-column. Ищи в поисковиках.Добавлено (11.10.2010, 14:13) ---------------------------------------------
Code .container { column-count:4; /*количество столбцов*/ column-gap:20px; /*расстояние между столбцами:*/ column-width:150px; /*Ширина столбца*/ -webkit-column-count:4; /*Далее идут хаки для популярных браузеров*/ -webkit-column-gap:20px; -webkit-column-width:150px; -moz-column-count:4; -moz-column-gap:20px; -moz-column-width:150px; }
|
|
|
|
|
Дата: Понедельник, 11.10.2010, 16.47.24 | Сообщение # 7 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| мде... как бы еще это в страницу впхнуть... сделаю проще... спойлерами закрою... в общем если что, от идеи столбцов я не отказался... я тупой, мне пошагово обьяснить нада
|
|
|
|
|
Дата: Понедельник, 11.10.2010, 19.52.52 | Сообщение # 8 |
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
| PPPasha, Что не понятно? Заключаешь текст в класс container, а в css ставишь код выше. Code <style type="text/css" > .container { column-count:4; /*количество столбцов*/ column-gap:20px; /*расстояние между столбцами:*/ column-width:150px; /*Ширина столбца*/ -webkit-column-count:4; /*Далее идут хаки для популярных браузеров*/ -webkit-column-gap:20px; -webkit-column-width:150px; -moz-column-count:4; -moz-column-gap:20px; -moz-column-width:150px; } </style> <div class="mycontainer">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div> Вставь все это, где хочешь видеть текст в несколько колонок
Сообщение отредактировал Just_ - Понедельник, 11.10.2010, 19.53.40 |
|
|
|
|
Дата: Вторник, 12.10.2010, 15.59.48 | Сообщение # 9 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| непоперло... походу я в ксс не туда вставил... потому что вставил тупо в конец
|
|
|
|
|
Дата: Вторник, 12.10.2010, 16.22.30 | Сообщение # 10 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Попробуй так: Это в хеад Code <style type="text/css" > .container { column-count:4; /*количество столбцов*/ column-gap:20px; /*расстояние между столбцами:*/ column-width:150px; /*Ширина столбца*/ -webkit-column-count:4; /*Далее идут хаки для популярных браузеров*/ -webkit-column-gap:20px; -webkit-column-width:150px; -moz-column-count:4; -moz-column-gap:20px; -moz-column-width:150px; } </style> Это в боди Code <div class="mycontainer">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div>
|
|
|
|
|
Дата: Среда, 13.10.2010, 18.46.16 | Сообщение # 11 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| попробую Добавлено (13.10.2010, 18:45) --------------------------------------------- не работает Добавлено (13.10.2010, 18:46) --------------------------------------------- (в хед ставлю в СТРАНИЦЫ САЙТА)
|
|
|
|
|
Дата: Среда, 13.10.2010, 19.21.42 | Сообщение # 12 |
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
| PPPasha, Браузер какой? В опере не работает
|
|
|
|
|
Дата: Среда, 13.10.2010, 20.27.00 | Сообщение # 13 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| мдаа как ты угадал то... опера 10.63... лан будем надеятся, что хоть ктото увидит в 2 стоба
|
|
|
|
|
Дата: Среда, 13.10.2010, 23.14.23 | Сообщение # 14 |
Уровень 4
Зарегистрирован: 07.09.2010
Пользователь №: 17
Сообщений: 253
| PPPasha, Посмотри в других браузерах (кроме IE). Все работает. opera вроде будет это свойство скоро поддерживать.
|
|
|
|
|
Дата: Четверг, 14.10.2010, 15.45.43 | Сообщение # 15 |
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
| Блин жаль... лень другие браузеры качать... а на поддержку опера надеятся почти бессмысленно-я состарюсь. короче забьем тему))
|
|
|
|