ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [css] убрать лишние разделители
25 сообщений из 28, страница 1 из 2
  1  все
[css] убрать лишние разделители
    #38378917
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Собственно задача в наброске: http://jsfiddle.net/dzFsY/

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

Вопрос только один: можно ли это на ЦСС? Как видим, в примере задача решена не полностью.
...
Рейтинг: 0 / 0
27.08.2013, 16:31
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379053
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
А чего не хватает? first-child ?
...
Рейтинг: 0 / 0
27.08.2013, 17:37
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379070
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Gustly,

не, first-child не проблема.

в примере между двумя hr есть дивы, но все они скрыты. И вот хотелось бы отловить этот случай и скрыть один из hr. Если хотя бы один из дивов не скрытый - оба hr показывать.

Случай, когда между двумя hr ничего не оказалось, я разрулил (hr+hr). а вот скрытые дивы - никак...
...
Рейтинг: 0 / 0
27.08.2013, 17:44
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379213
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
Яростный Меч,

Код: javascript
1.
.parent hr~div.hidden~hr
...
Рейтинг: 0 / 0
27.08.2013, 19:57
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379215
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
EDIT: неа, это не пройдёт в случае, если в куче дивов есть и hidden, и не hidden.

Что-то у меня есть подозрение, что силами цсс оно не решается.
...
Рейтинг: 0 / 0
27.08.2013, 19:59
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379274
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный Мечможно ли это на ЦСС?
Яростный Мечв примере между двумя hr есть дивы, но все они скрыты. И вот хотелось бы отловить этот случай и скрыть один из hr. Если хотя бы один из дивов не скрытый - оба hr показывать.
Если я правильно понял проблему...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.parent {
    padding: 20px;
    border: 1px solid #999;
    width: 300px;
}
.hidden+.hidden+hr,
.parent hr:last-child,
.parent .hidden {
    display: none;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="parent">
    <div>11111111</div>
    <hr />
    <div class="hidden">222222</div>
    <div class="hidden">222222a</div>
    <hr />
    <div>333333</div>
    <hr />
</div>
</body>
</html>
...
Рейтинг: 0 / 0
27.08.2013, 21:23
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379275
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
The_ShadoWЧто-то у меня есть подозрение, что силами цсс оно не решается.
Рано сдаваться!
...
Рейтинг: 0 / 0
27.08.2013, 21:24
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379278
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsa
Код: html
1.
.hidden+.hidden+hr,

перед двумя скрытыми дивами может быть третий, не скрытый.
верстка дана в качестве примера.
...
Рейтинг: 0 / 0
27.08.2013, 21:30
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379280
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный Мечперед двумя скрытыми дивами может быть третий, не скрытый.
верстка дана в качестве примера.
Вот ты млин следопут!
Рассказывай тогда что вообще может быть у тебя.

Обязательно ли вообще использовать те <br />? Может просто обделаться бордерами...
...
Рейтинг: 0 / 0
27.08.2013, 21:36
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379281
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный МечДелфи жив!!!
А мне недавно сказали что помер...
...
Рейтинг: 0 / 0
27.08.2013, 21:37
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379287
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsaОбязательно ли вообще использовать те <hr />? Может просто обделаться бордерами...обязательны.
Разделители требуются отдельными элементами (это будут не hr, не суть важно).

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

в общем, тоже склоняюсь к мысли, что никак (htmlbook.ru пересмотрел ещё раз). Придётся на js делать, ну и фиг с ним.

krvsaЯростный МечДелфи жив!!!
А мне недавно сказали что помер... соврали!
...
Рейтинг: 0 / 0
27.08.2013, 21:46
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379291
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный МечА с бордерами как? ведь та же фигня, надо проанализировать, что в группе нет видимых элементов...
Что еть "группа"?
Пока не расскажешь какие именно комбинации у тебя есть х/з чт отебе посоветовать...
Пока мой вариант решает то, что ты описал выше.

Яростный Мечв общем, тоже склоняюсь к мысли, что никак (htmlbook.ru пересмотрел ещё раз). Придётся на js делать, ну и фиг с ним.
Дело хозяйское...
...
Рейтинг: 0 / 0
27.08.2013, 21:52
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379299
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsaЧто еть "группа"?несколько дивов, между которыми нет hr.
...
Рейтинг: 0 / 0
27.08.2013, 21:59
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379648
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный Мечнесколько дивов, между которыми нет hr.
Ясно...
Есть какое-то ограничение по максимальному количеству дивов в той группе?
Если нет - такое в ЦСС не решить... Поскольку ЦСС т.с. "статичен".
...
Рейтинг: 0 / 0
28.08.2013, 11:20
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379687
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
krvsaЕсли нет - такое в ЦСС не решить... Поскольку ЦСС т.с. "статичен".
А как же calc()?
...
Рейтинг: 0 / 0
28.08.2013, 11:47
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379821
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
GustlyА как же calc()?
Какое отношение он имеет к селекторам?
...
Рейтинг: 0 / 0
28.08.2013, 13:38
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379912
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
krvsaGustlyА как же calc()?
Какое отношение он имеет к селекторам?
Тогда, что такое т.с. ? Селекторы?

И что если писать в CSS, уродливо правда.
hr+hr+hr+hr+hr
hr+hr+hr+hr
hr+hr+hr
hr+hr
hr
...
Рейтинг: 0 / 0
28.08.2013, 14:39
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379917
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
GustlyТогда, что такое т.с. ? Селекторы?
Что такое "селекторы" описано в любом букваре...
http://htmlbook.ru/metki/selektory

А "т.с." это сокращенный вариант "так сказать"...

GustlyИ что если писать в CSS, уродливо правда.
hr+hr+hr+hr+hr
hr+hr+hr+hr
hr+hr+hr
hr+hr
hr
Уродлив селектор или нет каждый решает самостоятельно...
...
Рейтинг: 0 / 0
28.08.2013, 14:44
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379924
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
GustlyИ что если писать в CSS, уродливо правда.
hr+hr+hr+hr+hr
hr+hr+hr+hr
hr+hr+hr
hr+hr
hrэто всё понятно, частные случаи легко обработать. Меня интересовало решение в общем виде. Нет, значит нет. Буду смотреть по ходу дела.
...
Рейтинг: 0 / 0
28.08.2013, 14:47
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379954
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Как вариант с минусами =) http://jsfiddle.net/dzFsY/10/
...
Рейтинг: 0 / 0
28.08.2013, 15:06
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379974
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Малыхин Сергей,

хм, любопытно. попробую прикрутить, спасибо.

оказывается, если для элемента (position:absolute;) не назначить координаты, он останется где был. А я как-то и не знал про такое :)
...
Рейтинг: 0 / 0
28.08.2013, 15:15
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379979
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный Меч...А я как-то и не знал про такое :)
Он тогда будет не абсолюте, а статик. Имхо, ясен перец. Но я где-то что-то такое читал.
...
Рейтинг: 0 / 0
28.08.2013, 15:18
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38379984
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
ShSergeОн тогда будет не абсолюте, а статик.нет, именно абсолюте.
а вообще логично. где же ему ещё быть?
...
Рейтинг: 0 / 0
28.08.2013, 15:19
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38380009
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Малыхин СергейКак вариант с минусами =) http://jsfiddle.net/dzFsY/10/
Прикольный вариант!
Записал себе в блокнотик...
...
Рейтинг: 0 / 0
28.08.2013, 15:27
| Ответить | Цитировать | Написать  
[css] убрать лишние разделители
    #38380064
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
Малыхин СергейКак вариант с минусами =) http://jsfiddle.net/dzFsY/10/
А где там минусы?
...
Рейтинг: 0 / 0
28.08.2013, 15:57
| Ответить | Цитировать | Написать  
25 сообщений из 28, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [css] убрать лишние разделители
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38379278&tid=1447952]:
 0ms
get settings:
 6ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 155ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 198ms
total:  423ms
созд. / загр.: 423ms
x
x
Закрыть


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