Как просто сделать две колонки через div - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Как просто сделать две колонки через div
Как просто сделать две колонки через div

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 11 Июня 2012 в 16:06
Сообщение № 1
Как с помощью CSS и HTML(div) сделать две колонки, которые будут находиться рядом, вот пример их(нерабочий, т.к. они расположены друг под другом.

HTML:
Code
<div class="colonka1">Первая колонка</div><div class="colonka2">Вторая колонка</div>

CSS:
Code
.colonka1{height:50px;margin:25px;background:#e3e3e3 url(/images/bg_mid_white.png);}
.colonka2{height:50px;margin:25px;background:#e3e3e3 url(/images/bg_mid_black);}
подпись: S@Nek
«Пред. тема След. тема»

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Supermenыч написал: В ответ пользователя Supermenыч Написано 11 Июня 2012 в 19:42
Сообщение № 2
css:
Code
.colonka1{margin-left:25px;background:#e3e3e3 url(/images/bg_mid_white.png);float:left;padding:5px;width:20%;margin-top:20px;}  
.colonka2{margin-right:25px;background:white;float:right;padding:5px;width:70%;margin-top:20px;}


Html такой же
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 11 Июня 2012 в 22:57
Сообщение № 3
Пасиб помог!
подпись: S@Nek

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Supermenыч написал: В ответ пользователя Supermenыч Написано 12 Июня 2012 в 19:27
Сообщение № 4
S@Nek, smile
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч
Форум » Форум веб мастеров » html & css » Как просто сделать две колонки через div
Страница 1 из 11
Поиск:
Топ пользователей: