Как расположить vid один за одним?

Olegaaator · 10.06.2010, 12:25

Как расположить слои div один за одним, а не один под одним, как они располагаются по умолчанию?

<div style="float:left;">123</div>
<div style="float:left; margin-left:15px;">456</div>

Написал так. Вроде бы все правильно. Слой идет за слоем. Вставляю код в шаблон сайта и... и нифига не получается. Слои расположены один под одним. Единственное что - это отступ у нижнего слоя в 15px.

Как правильно прописать css?

Я хочу счетчики статистики расположить с помощью слоев. Т.к. сам сайт сверстан на дивах, теги таблиц вставлять не хочется.

Olegaaator · 10.06.2010, 19:45

Кажется придумал...

<style type="text/css">
#inline-list ul, #inline-list li {
display: inline;
padding: 5px;
}
</style>

<div id="inline-list">
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</div>

Добавлено через 24 минуты
Ха, нифига. Один под одним. Не пойму в чем дело....

errante · 10.06.2010, 21:02

приблизительно так (взял с сайта, поэтому могут быть лишние элементы в CSS)

Код HTML:

ul#cat {margin:0 auto; padding:0; float: left; font-size: 12px; list-style:none; height: auto; width: 700px;}
ul#cat li {margin: 0; padding:0 15px; display:block; width: 350px; height: 220px; float: left;}

<ul id="cat" >
<li>123</li>
<li>124</li>
</ul>

Заметь что сдесь сделано блоками, т.е. общий размер 700 пикселей, делится на 2-а блока по 350, если блоки не нужны удаляй все что связано с размерами.

Lacriss · 11.06.2010, 20:53

Olegaaator, можешь предоставить более развёрнутый код нежели в твоё первом посте?
взяв как html чисто две твои указанные строчки

Код:

<html>
<body>
 <div style="float:left; border:1px solid black;">123</div>
 <div style="float:left; margin-left:15px; border:1px solid red;">456</div>
</body>
</html>

они отображаются в линию как и положено (добавил рамки чтобы видеть блоки).
значит проблема в остальном коде. надо его анализировать.

Olegaaator · 12.06.2010, 16:06

Ага. Перерыв все стили нашел в чем там косяк.

10.06.2010, 12:25	#1
Olegaaator Неактивный пользователь Пол: Регистрация: 05.03.2009 Сообщений: 36 Репутация: 15	Как расположить vid один за одним? Как расположить слои div один за одним, а не один под одним, как они располагаются по умолчанию? <div style="float:left;">123</div> <div style="float:left; margin-left:15px;">456</div> Написал так. Вроде бы все правильно. Слой идет за слоем. Вставляю код в шаблон сайта и... и нифига не получается. Слои расположены один под одним. Единственное что - это отступ у нижнего слоя в 15px. Как правильно прописать css? Я хочу счетчики статистики расположить с помощью слоев. Т.к. сам сайт сверстан на дивах, теги таблиц вставлять не хочется.

10.06.2010, 19:45	#2
Olegaaator Неактивный пользователь Пол: Регистрация: 05.03.2009 Сообщений: 36 Репутация: 15	Re: Как расположить vid один за одним? Кажется придумал... <style type="text/css"> #inline-list ul, #inline-list li { display: inline; padding: 5px; } </style> <div id="inline-list"> <ul> <li>Item1</li> <li>Item2</li> <li>Item3</li> </ul> </div> *Добавлено через 24 минуты* Ха, нифига. Один под одним. Не пойму в чем дело....

10.06.2010, 21:02	#3
errante Постоялец Пол: Регистрация: 25.03.2005 Сообщений: 789 Репутация: 788	Re: Как расположить vid один за одним? приблизительно так (взял с сайта, поэтому могут быть лишние элементы в CSS) Код HTML: ul#cat {margin:0 auto; padding:0; float: left; font-size: 12px; list-style:none; height: auto; width: 700px;} ul#cat li {margin: 0; padding:0 15px; display:block; width: 350px; height: 220px; float: left;} <ul id="cat" > <li>123</li> <li>124</li> </ul> Заметь что сдесь сделано блоками, т.е. общий размер 700 пикселей, делится на 2-а блока по 350, если блоки не нужны удаляй все что связано с размерами. Последний раз редактировалось errante; 10.06.2010 в 21:06..

11.06.2010, 20:53	#4
Lacriss Пользователь Пол: Регистрация: 08.07.2005 Адрес: Петрозаводск Сообщений: 121 Репутация: 107	Re: Как расположить vid один за одним? Olegaaator, можешь предоставить более развёрнутый код нежели в твоё первом посте? взяв как html чисто две твои указанные строчки Код: <html> <body> <div style="float:left; border:1px solid black;">123</div> <div style="float:left; margin-left:15px; border:1px solid red;">456</div> </body> </html> они отображаются в линию как и положено (добавил рамки чтобы видеть блоки). значит проблема в остальном коде. надо его анализировать.

12.06.2010, 16:06	#5
Olegaaator Неактивный пользователь Пол: Регистрация: 05.03.2009 Сообщений: 36 Репутация: 15	Re: Как расположить vid один за одним? Ага. Перерыв все стили нашел в чем там косяк.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Фильмы одним файлом!!!	FoxMan	Интересные места в сети	112	22.05.2022 19:20
Как перегнать на DVD одним нажатием...	Vitya_serov	Видеотехника	7	11.02.2010 00:45
Расположить один элемент относительно другого	zeroed	CSS	2	20.10.2008 18:36
два монитора с одним изображением?	lexa_st	Архив	2	08.04.2006 02:16