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

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
Как с помощью 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
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

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