UserPanel

Добро пожаловать на Форум веб-мастеров uCoz!

( Войти | Зарегистрироваться )


  • Страница 1 из 2
  • 1
  • 2
  • »
Столбцы
Дата: Воскресенье, 10.10.2010, 12.55.06 | Сообщение # 1
Уровень 4
Зарегистрирован: 07.10.2010
Пользователь №: 71
Сообщений: 487
Скажите пожалуйста, а можно ли текст на ОДНОЙ странице сайта разместить в 2 или более столбцов??
Просто текста мало, а абзацев много и сильно удлиняется страница, которую надо долго скроллить sad
 
Дата: Воскресенье, 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кодами, а не НОВОСТЯМИ cranky
 
Дата: Воскресенье, 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
непоперло... походу я в ксс не туда вставил... потому что вставил тупо в конец bag
 
Дата: Вторник, 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
Блин жаль... лень другие браузеры качать... а на поддержку опера надеятся почти бессмысленно-я состарюсь.
короче забьем тему)) cake
 
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: