Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [css] убрать лишние разделители / 25 сообщений из 28, страница 1 из 2
  1  все
27.08.2013, 16:31
    #38378917
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[css] убрать лишние разделители
Собственно задача в наброске: http://jsfiddle.net/dzFsY/

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

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

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

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

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

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

Что-то у меня есть подозрение, что силами цсс оно не решается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.08.2013, 21:23
    #38379274
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[css] убрать лишние разделители
Яростный Мечможно ли это на ЦСС?
Яростный Мечв примере между двумя 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:24
    #38379275
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[css] убрать лишние разделители
The_ShadoWЧто-то у меня есть подозрение, что силами цсс оно не решается.
Рано сдаваться!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.08.2013, 21:30
    #38379278
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[css] убрать лишние разделители
krvsa
Код: html
1.
.hidden+.hidden+hr,

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

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

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

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

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

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

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

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

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


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