X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> див один после другого
4ipusik
4ipusik
Topic Starter сообщение 21.6.2010, 19:23; Ответить: 4ipusik
Сообщение #1


Уже второй день голову ломаю, то одно, то другое, то третье.
Как я понимаю блоки див идут по вертикале, то есть если написать
<div id="perviu"></div>
<div id="второй"></div>
они будут один над другим.
Что нужно прописать в css, чтобы второй див шёл сбоку на одном уровне от первого? Не под ним, а сбоку справа.
Заранее благодарю.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
сообщение 21.6.2010, 19:28; Ответить: Licoric
Сообщение #2


у первого style="float:left"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 21.6.2010, 19:31; Ответить: Flok
Сообщение #3


или у каждого style="display:inline;" в зависимости от того, что Вам нужно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4ipusik
4ipusik
Topic Starter сообщение 21.6.2010, 19:32; Ответить: 4ipusik
Сообщение #4


спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4ipusik
4ipusik
Topic Starter сообщение 21.6.2010, 20:05; Ответить: 4ipusik
Сообщение #5


а вот ещё вопрос, мне нужно 3 блока друг за другом. Кроме float:left; в том, который должен быть слева от последующего ничего не нужно ставить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4ipusik
4ipusik
Topic Starter сообщение 21.6.2010, 20:09; Ответить: 4ipusik
Сообщение #6


Вот мой HTML :

<div id="menu">
</div>

<div id="content">
</div>

<div id="right">
</div>


А вот css к ним :

div#menu {
background: url('../img/menu-1.png') no-repeat;
height: 671px;
width: 365px;
margin-left:73px;
float:left;
}

div#content {
background: url('../img/menu-2.png') no-repeat;
height: 671px;
width: 532px;
margin-left:436px;
float:left;
}

div#right {
background: url('../img/menu-3.png') no-repeat;
height: 671px;
width: 385px;
margin-left:1000px;
}


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 927 7.4.2024, 18:05
автор: Alex-777
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
49 vitvirtual 5893 1.4.2024, 5:23
автор: vitvirtual
Горячая тема (нет новых ответов) Исчезающие фрилансеры после предоплаты. Зачем? Какой смысл?
36 metvekot 9586 31.3.2024, 1:01
автор: Liudmila
Открытая тема (нет новых ответов) Ролик. Изготовление видеороликов за один день.
Делаю быстро в любом формате видеоролик по шаблонам
4 Jast1 2674 4.3.2022, 1:12
автор: Jast1
Открытая тема (нет новых ответов) После обновления all in one seo pack пропал keywords?
16 pozitron123 3540 24.2.2021, 15:13
автор: kozak199110


 



RSS Текстовая версия Сейчас: 24.4.2024, 6:34
Дизайн