Среда, 25.05.2011, 17:22:05

Реклама:

  • Страница 1 из 1
  • 1
Новости в несколько колонок
f0rtwOwДата: Суббота, 08.01.2011, 19:26 | Сообщение # 1
Сообщений: 556
Репутация: 53
Замечания:

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

* Все гораздо проще
* Из-за того что все было таблично, если одна новость была больше другой то между новостями были промежутки с фоном... тут же этой проблемы не наблюдается.

ставим в вид материалов сверху

Code
<div style="width:33%;float:left;">

где 33% - это максимальная длинна одного блока от всевозможной его длинны ( 100% длинны блока )
думаю процент высчитать будет не тяжело, понятно что если 33% от 100 , а 10033 будет равняться по 3 блока.
Т.е если вам нужно 2 блока, пишим 50% ( 100/50 = 2 ) все просто.

В самый конец вставляем

Code
</div>


Status:
╠►Game: Counter-Strike 1.6
╠►Name: diz-steam.clansu | f0rtwOw
╠►Skype: ak.47.ak.47425
╠►Team: diz-steam.clan.su (teg: diz-steam)
╚═►Weapon: m4a1, AK47, deagle, USP
Сообщение
Хочу рассказать, как правильно, удобно и мение проблематично сделать свой сайт в несколько колонок.
Чем же этот хак, если его можно так назвать отличается от предыдущего?

* Все гораздо проще
* Из-за того что все было таблично, если одна новость была больше другой то между новостями были промежутки с фоном... тут же этой проблемы не наблюдается.

ставим в вид материалов сверху

Code
<div style="width:33%;float:left;">

где 33% - это максимальная длинна одного блока от всевозможной его длинны ( 100% длинны блока )
думаю процент высчитать будет не тяжело, понятно что если 33% от 100 , а 10033 будет равняться по 3 блока.
Т.е если вам нужно 2 блока, пишим 50% ( 100/50 = 2 ) все просто.

В самый конец вставляем

Code
</div>

Автор - f0rtwOw
Дата добавления - 08.01.2011 в 19:26
Реклама
Rip by inbox for www.well-cs.ru
  • Страница 1 из 1
  • 1
Поиск:
Загрузка...

Статистика форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи
Профиль для ucoz в нижнем правом углу сайта [ 0 ]
Красивый информер для файлов ucoz [ 0 ]
Уведомления о регистрации для ucoz [ 0 ]
Форма входа на uCoz [ 0 ]
Нету ссылки на файл? [ 1 ]
Новый Топ пользователей с аватарами для Ucoz [ 0 ]
Простой и красивый вид формы опроса [ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz [ 0 ]
Flash радио для сайта [ 0 ]
Новый информер комментарии для ucoz как на Dle [ 0 ]
Прикольные истории.. [ 19 ]
wabka DIZ-STEAM [ 10 ]
Набивка постов by f0rtwOw [ 9 ]
Пишем красиво и аккуратно! [ 7 ]
шапка [ 6 ]
Шапка 2 [ 5 ]
Баннер [ 5 ]
новй шабка Diz-Steam [ 4 ]
новый шапка №2 [ 4 ]
баннер 468х60 [ 4 ]
f0rtwOw Репутация [ 53 ]
pŁâỳeR Репутация [ 5 ]
AK-47 Репутация [ 3 ]
Dizz Репутация [ 3 ]
Uvrus Репутация [ 1 ]
aSq Репутация [ 1 ]
slavicbu Репутация [ 0 ]
CrazY Репутация [ 0 ]
Steamcs Репутация [ 0 ]
kastom Репутация [ 0 ]
f0rtwOw Постов [ 556 ]
pŁâỳeR Постов [ 38 ]
AK-47 Постов [ 33 ]
aSq Постов [ 22 ]
Romario-one Постов [ 18 ]
Dexterneds Постов [ 15 ]
40Glocc Постов [ 8 ]
MyLife Постов [ 7 ]
Dizz Постов [ 5 ]
laym Постов [ 4 ]
Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору. Конструктор сайтовuCoz