ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с DIV разобраться
13 сообщений из 13, страница 1 из 1
Помогите с DIV разобраться
    #38534571
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Как сделать чтоб DIV показывался как символ. Мне нужно чтоб несколько DIV элементов размещались вправо, а те которые не помещаются, чтоб переносились как с новой строки под возможным DIV (тот что слева)
...
Рейтинг: 0 / 0
22.01.2014, 16:20
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38534581
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
может, нужен не div а span ?
...
Рейтинг: 0 / 0
22.01.2014, 16:22
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38534599
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>
.p1 {min-width:200px; max-width:200px;height:200px; background-color:#7B4; padding:10px; margin:10px; display:block; float:left;}
</style>
</head>

<body>
<div style="width:200px; height:200px; background-color:#C7CB14"></div>
<div class="p1"></div>
<div class="p1"></div>
<div class="p1"></div>
<div class="p1"></div>
<div style="width:200px; height:200px; background-color:#C7CB14"></div>

</body>
</html>



Я вспомнил что есть float . Пробовал и Display (cell) и Position, но именно float делает блок который поводит себя как символ
...
Рейтинг: 0 / 0
22.01.2014, 16:30
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38534603
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
 
Андрей159поводит
Привiт земляче!
...
Рейтинг: 0 / 0
22.01.2014, 16:32
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38534624
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Андрей159именно float делает блок который поводит себя как символ
Это не так.
Чтобы ДИВ вел себя как "символ" нужно
Код: css
1.
display: inline;
...
Рейтинг: 0 / 0
22.01.2014, 16:44
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38534697
ILLHEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ILLHEAD
Участник
krvsaАндрей159именно float делает блок который поводит себя как символ
Это не так.
Чтобы ДИВ вел себя как "символ" нужно
Код: css
1.
display: inline;

и выше не попалось дивов разной высоты. иначе зацепится
...
Рейтинг: 0 / 0
22.01.2014, 17:39
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535038
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
ILLHEAD,

Пожалуйста полный пример, так как я не интересовался построение DIV в одну строчку, а поведения DIV как символ. Чтоб когда изменять ширину бравзера DIV переносился. Мой пример работает. Ваш пробовал и видимо что-то не совсем правильно. Или не достаточно. Лучше пример покажите.

Применять хочу на странице в стиле газета. Ровные по ширине колонки, чтоб размещались без использования скриптов, заполняя почти все пространство страницы
...
Рейтинг: 0 / 0
23.01.2014, 00:13
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535044
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
ILLHEADkrvsaпропущено...

Это не так.
Чтобы ДИВ вел себя как "символ" нужно
Код: css
1.
display: inline;

и выше не попалось дивов разной высоты. иначе зацепится

Вообще бред полный. Посмеялся ты дружок над собой.

Из http://htmlbook.ru/css/display:
Элемент отображается как встроенный. Использование блочных тегов, таких как <div> и <p>, автоматически создает перенос и показывает содержимое этих тегов с новой строки. Значение inline отменяет эту особенность , поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.
...
Рейтинг: 0 / 0
23.01.2014, 00:17
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535050
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
рекомендую для начала определиться с терминологией
ну как минимум отказаться от неоднозначных выражений типа "символьное поведение"

http://htmlbook.ru/content/blochnye-elementy
http://htmlbook.ru/content/vstroennye-elementy
http://htmlbook.ru/css/display

ЗЫ а о политике тут нельзя. это технический форум.
...
Рейтинг: 0 / 0
23.01.2014, 00:25
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535053
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Андрей159Вообще бред полный. Посмеялся ты дружок над собойтак тоже нехорошо. рекомендую в таких случаях говорить "уточните пожалуйста что Вы имели в виду"
ато модератор забанит за переход на личности и будет прав
...
Рейтинг: 0 / 0
23.01.2014, 00:28
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535067
ILLHEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ILLHEAD
Участник
все - display:inline и float:left
вверху - левый верхний бОльшей высоты, внизу - все имеют одинаковую высоту
...
Рейтинг: 0 / 0
23.01.2014, 00:51
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535102
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
ок. Большое спасибо . Когда уже будет нормальный редактор, чтобы успокоиться и просто работать с наслаждением...
...
Рейтинг: 0 / 0
23.01.2014, 03:55
| Ответить | Цитировать | Написать  
Помогите с DIV разобраться
    #38535106
ILLHEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ILLHEAD
Участник
с дивами можно через кирпичики http://masonry.desandro.com/
...
Рейтинг: 0 / 0
23.01.2014, 04:18
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с DIV разобраться
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38535067&tid=1447461]:
 0ms
get settings:
 11ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 159ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 69ms
get tp. blocked users:
 1ms
others: 244ms
total:  522ms
созд. / загр.: 522ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]