[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Автоматический перенос тэга div
Гость_Гость
допустим вот html верстка:

<div class="div1"></div><div clas="div"></div>

дупостим я им дал размер фоновый цвет, и в результате получилось 2 красых квадрата, но они будут 1 под другим:

+---------------+
| |
| |
| |
| |
| |
+---------------+

+---------------+
| |
| |
| |
| |
| |
+---------------+

а мне нужно чтоб было в ряд как это сдлать?



Спустя 14 минут, 20 секунд (6.08.2012 - 11:22) l@pteff написал(а):
можно так

<style>
#main_div > div {display:inline}
</style>

<div
id="main_div"><div class="div1"></div><div class="div"></div></div>

Спустя 5 минут, 56 секунд (6.08.2012 - 11:28) nikolasline написал(а):

<div style='float:left; width:100px;'></div> <div style='float:left; width:100px;'></div>

Спустя 1 час, 13 минут, 33 секунды (6.08.2012 - 12:42) Гость_Гость написал(а):
l@pteff,nikolasline я пробовал, но мне не помогло. Может не так делал. Я просто сделал таблицу с 2 столбцами и поместил по 1 иву в каждый столбец.

Спустя 10 минут, 45 секунд (6.08.2012 - 12:53) l@pteff написал(а):
Цитата
и поместил по 1 иву в каждый столбец

а там дивы не лишние? если сделал таблицей, то с ячейками можно работать как с дивами

Спустя 19 часов, 51 минута, 32 секунды (7.08.2012 - 08:44) Shkiper написал(а):
к ним не сделаешь скругление углов biggrin.gif

Спустя 40 минут, 38 секунд (7.08.2012 - 09:25) Игорь_Vasinsky написал(а):
сделаешь)

Спустя 35 секунд (7.08.2012 - 09:25) Игорь_Vasinsky написал(а):
inline-block + width
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.