Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Border для элементов [xfgiven_X][xfvalue_X][/xfgiven_X]

Border для элементов [xfgiven_X][xfvalue_X][/xfgiven_X]


     11.07.2012    Стили (CSS)    2084

вопрос
Суть такая: в дополнительном поле есть несколько элементов, например:
  • ARMv7: Frontier_Gunners_v0.10.13.apk
  • ARMv6: ARMv6.apk

Как сделать так, чтобы после каждого элемента ставился border со стилем?

Ответил: nowheremany


jQuery appendTo

Комментарии пользователей (23)

wulv
131 | 49

wulv - 11 июля 2012 17:45 - Юзер

Спасибо большое!!! smile
Почитал, но так и не понял, у меня же доп.поле как ему это задать?
Я не хочу постоянно вставлять какой-то код в доп.поле.

Есть у кого идеи?

nowheremany
192

1659 | 1292

nowheremany - 11 июля 2012 18:02 - Эксперт

причем тут доп поле - янаписал в целом про html страницу.
Конечно не поймете если не научитесь работать с JS

Благодарность принимаю тут Связь

wulv
131 | 49

wulv - 11 июля 2012 18:12 - Юзер

nowheremany, тогда как это задать элементам доп.поля?

nowheremany
192

1659 | 1292

nowheremany - 11 июля 2012 18:27 - Эксперт

По ссылке хороший учебник jQuery

Благодарность принимаю тут Связь

wulv
131 | 49

wulv - 11 июля 2012 18:58 - Юзер

nowheremany, на данный момент нету времени :(
Что вы считаете по этому поводу это реально сделать для доп.поля?

wulv
131 | 49

wulv - 11 июля 2012 19:27 - Юзер

Итак, получилось. Но возникла проблема: когда я указываю бордер:
<script>
      $(document).ready(function(){
          $(".attachment").append("<div style="border-top:1px solid #ebecf0; margin-top:7px; height:1px;"></div>");
            });
</script>

то вот эта часть:
#ebecf0; margin-top:7px; height:1px;"></div>");

не работает, почему? не понимаю

nowheremany
192

1659 | 1292

nowheremany - 11 июля 2012 21:16 - Эксперт

<script>
      $(document).ready(function(){
          $(".attachment").append('<div style="border-top:1px solid #ebecf0; margin-top:7px; height:1px;"></div>');
            });
</script>

Благодарность принимаю тут Связь

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 июля 2012 22:14 - Админ

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

Каков вопрос - таков и ответ. Просто помните об этом.

wulv
131 | 49

wulv - 11 июля 2012 22:55 - Юзер

Спасибо большое ребята!
А вот, чтобы последний элемент не имел border, это куда надо смотреть? Что гуглить?

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 июля 2012 22:59 - Админ

<script>
      $(document).ready(function(){
          $(".attachment").append('<div class="attach-border"></div>');
            });
</script>

.attach-border {border-top:1px solid #ebecf0; margin-top:7px; height:1px;}
.attach-border:last-child {border-bottom: 1px solid #ebecf0;}

Каков вопрос - таков и ответ. Просто помните об этом.

wulv
131 | 49

wulv - 11 июля 2012 23:10 - Юзер

Не-а, не работает, всё равно у последнего элемента есть бордер

UPD
Выводится аж два бордера подрят.

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 июля 2012 23:23 - Админ

блин, напрвильно прочитал.
.attach-border:last-child {border: none !important;}

Каков вопрос - таков и ответ. Просто помните об этом.

wulv
131 | 49

wulv - 11 июля 2012 23:25 - Юзер

теперь бордер вообще порал =(

Arteom
3

19 | 18

Arteom - 12 июля 2012 00:25 - Юзер

.attach-border:last-child {border-bottom: none !important;}

wulv
131 | 49

wulv - 12 июля 2012 00:35 - Юзер

теперь появился бордер, но опять же у всех элементов.
пробовал
.attach-border:last-child {border-top: none !important;}

не помогло wink

Проблема не решена! sad

Arteom
3

19 | 18

Arteom - 12 июля 2012 03:01 - Юзер

.attachment:last-child .attach-border{border: none;}

wulv
131 | 49

wulv - 12 июля 2012 11:35 - Юзер

sad не-а, бордер у всех элементов
Проблема не решилась

nowheremany
192

1659 | 1292

nowheremany - 12 июля 2012 12:12 - Эксперт

Хватит морочить голову - в гадалки играть
пишите сайт где надо это сделать и html код того что надо сделать.

Благодарность принимаю тут Связь

wulv
131 | 49

wulv - 12 июля 2012 12:23 - Юзер

сначала сюда тык потом сюда это чтобы дизайн сменить. Там увидите файлы:
com.n3vgames.railshootere1_1.0.apk [49,98 Mb] (cкачиваний: 5)
com.n3vgames.railshootere1.rar [2,02 Mb] (cкачиваний: 3)
и под ними бордер, вот он зараза!

nowheremany
192

1659 | 1292

nowheremany - 12 июля 2012 12:29 - Эксперт

$('.download_list').find('.attachment:not(.attachment:last)').append('<hr >')

Благодарность принимаю тут Связь

wulv
131 | 49

wulv - 12 июля 2012 12:51 - Юзер

Всё работает, огромное спасибо!

wulv
131 | 49

wulv - 12 июля 2012 12:57 - Юзер

Сайт стал долго загружаться, могло ли это повлиять?
<script>
      $(document).ready(function(){
          $('.download_list').find('.attachment:not(.attachment:last)').append('<div class="attach-border"></div>')
            });
</script>
<script>
      $(document).ready(function(){
          $(".short5 img").wrap("<div></div>");
            });
</script>

это всё что ставил.

wulv
131 | 49

wulv - 12 июля 2012 18:08 - Юзер

странно, проблема решилась сама собой.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы