Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сделать два дива в одной строке? 
V
    Опции темы
Bogdan1024
  Дата 13.3.2008, 17:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1436
Регистрация: 28.9.2005
Где: Киев

Репутация: нет
Всего: 13



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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">
    div.c
    {
        width: 100px;
        height: 100px;
        margin: 5px;    
        background-color: Green;
        float: left;
        clear: both;
    }
    </style>
</head>
<body>
<div class="c"></div>
<div class="c"></div>
</body>
</html>



Добавлено через 2 минуты и 42 секунды
Нужно убрать аттрибут clear.


--------------------
user posted image
PM MAIL   Вверх
bars80080
Дата 13.3.2008, 18:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



н-да, использовать
Код
div { float: left; clear: both; }
 в одном элементе по меньшей мере странно, ведь второе нужно для отключения первого

так же дивы можно выстроить в одну линию:
Код
div { display: inline; }
 без всяких float
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0528 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.