Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 21.11.2011, 17:22   #1
Пепел Феникса
Старожил
 
Аватар для Пепел Феникса
 
Регистрация: 28.01.2009
Сообщений: 21,000
По умолчанию DIV'ы ставяться вертикально, как запретить такое поведение?

в общем используя jQuery, пытаюсь создать что-то типа ProgressBar, с помощью DIV'ов.
итог получается таков:
Код:
<div id='parent'>
<div></div>
<div></div>
</div>
и они ставяться вертикально, может можно как то это обойти?(кроме явного положения)
Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.
Пепел Феникса вне форума Ответить с цитированием
Старый 21.11.2011, 17:36   #2
X@OC
Форумчанин
 
Аватар для X@OC
 
Регистрация: 18.06.2010
Сообщений: 273
По умолчанию

вот
Код:
css
.c
{
float: left
}

<div id='parent'>
<div class=c>1</div>
<div>2</div>
</div>
X@OC вне форума Ответить с цитированием
Старый 21.11.2011, 17:38   #3
Пепел Феникса
Старожил
 
Аватар для Пепел Феникса
 
Регистрация: 28.01.2009
Сообщений: 21,000
По умолчанию

спасибо, попробую.

но если div'ов больше, тоже работать будет?(8 например)
Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.
Пепел Феникса вне форума Ответить с цитированием
Старый 21.11.2011, 17:40   #4
X@OC
Форумчанин
 
Аватар для X@OC
 
Регистрация: 18.06.2010
Сообщений: 273
По умолчанию

да будет

делается так

Код:
<div>
<div class=c>1</div>
<div class=c>2</div>
<div class=c>3</div>
<div class=c>4</div>
<div class=c>5</div>
<div class=c>6</div>
<div class=c>7</div>
<div>8</div>
</div>
X@OC вне форума Ответить с цитированием
Старый 21.11.2011, 17:44   #5
Пепел Феникса
Старожил
 
Аватар для Пепел Феникса
 
Регистрация: 28.01.2009
Сообщений: 21,000
По умолчанию

ну мне проще прописать
Код:
te.css("float","left");
спасибо.
Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.
Пепел Феникса вне форума Ответить с цитированием
Старый 21.11.2011, 18:29   #6
X@OC
Форумчанин
 
Аватар для X@OC
 
Регистрация: 18.06.2010
Сообщений: 273
По умолчанию

можно и так
на свое усмотрение
X@OC вне форума Ответить с цитированием
Старый 22.11.2011, 14:01   #7
Пепел Феникса
Старожил
 
Аватар для Пепел Феникса
 
Регистрация: 28.01.2009
Сообщений: 21,000
По умолчанию

проверял в опере, все-равно не выходит никак.
вертикально шикарно(и то с оговорками, родительские блоки тоже не хотят в строку выходить(5 баров в строке, решил таблицей...)), а горизонтально никак...(6-ой бар)

чаще всего эти самые горизонтальные элементы сдвигаются все влево, игнорируя ширину(только рамка остается). div'ы пусты.
хотя еще играл до того что родитель нормальную область имеет, а опера, внутренние его блоки(ячейки) сдвигает выше(за область).

Код:
$("<div></div>).attr("id","<не суть>").css("border-style","solid").css("border-width",1).css("border-color",<не суть>).css("background-color",<не суть>).appendTo(parent).css("width",100/105);//это для горизонтальных
ставя флоат, ставятся в ряд, но тонкие..
Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.
Пепел Феникса вне форума Ответить с цитированием
Старый 22.11.2011, 17:02   #8
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Ширина меньше единицы?
п.с.
Код:
.css("border-style","solid").css("border-width",1).css("border-color",<не суть>).css("background-color",<не суть>).
равно
Код:
.css({'border':'1px solid #<не суть>','background':'<не суть>'})
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 22.11.2011, 17:16   #9
Пепел Феникса
Старожил
 
Аватар для Пепел Феникса
 
Регистрация: 28.01.2009
Сообщений: 21,000
По умолчанию

Цитата:
Ширина меньше единицы?
итоговая не должна.
у меня процентная ширина, но дома гляну как оно выходит.(может и так, что с рамкой не влазит, вот и режет содержимое но не рамку)
Хорошо поставленный вопрос это уже половина ответа. | Каков вопрос, таков ответ.
Программа делает то что написал программист, а не то что он хотел.
Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.
Пепел Феникса вне форума Ответить с цитированием
Старый 22.11.2011, 17:20   #10
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
.css("width",100/105)
100/105 = 20/21 ~= 0.95
то есть, меньше пикселя.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как запретить редактирование БД lilu1559 Microsoft Office Access 1 16.09.2011 16:12
Как расположить таблицы и чертежи вертикально(формат книжный)? Kukus_Mukus Microsoft Office Word 1 14.10.2010 06:22
Вертикально отцентрировать текст в li Darkstar100 HTML и CSS 7 27.01.2010 21:51
Как расположить title в гриде вертикально codekick БД в Delphi 0 24.01.2010 12:47
развернуть label на 90 градусов вертикально Inbox Компоненты Delphi 2 11.06.2007 15:30