Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Стили (CSS) » Border для элементов [xfgiven_X][xfvalue_X][/xfgiven_X]

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

Гость 11.07.2012 Все вопросы » Стили (CSS) 3347

вопрос

Суть такая: в дополнительном поле есть несколько элементов, например:

ARMv7: Frontier_Gunners_v0.10.13.apk
ARMv6: ARMv6.apk

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

Ответил: nowheremany

jQuery appendTo

23 комментария

Юзер

131

wulv - 2014-06-1011 июля 2012 17:45 - #5799

Спасибо большое!!! smile

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

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

Эксперт

1925

nowheremany - 2014-06-1011 июля 2012 18:02 - #5800

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

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

Юзер

131

wulv - 2014-06-1011 июля 2012 18:12 - #5801

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

Эксперт

1925

nowheremany - 2014-06-1011 июля 2012 18:27 - #5802

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

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

Юзер

131

wulv - 2014-06-1011 июля 2012 18:58 - #5804

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

Юзер

131

wulv - 2014-06-1011 июля 2012 19:27 - #5806

Итак, получилось. Но возникла проблема: когда я указываю бордер:

<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>");

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

Эксперт

1925

nowheremany - 2014-06-1011 июля 2012 21:16 - #5807

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

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

Админ

3457

ПафНутиЙ - 2014-06-1011 июля 2012 22:14 - #5808

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

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

Юзер

131

wulv - 2014-06-1011 июля 2012 22:55 - #5810

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

Админ

3457

ПафНутиЙ - 2014-06-1011 июля 2012 22:59 - #5811

<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;}

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

Юзер

131

wulv - 2014-06-1011 июля 2012 23:10 - #5812

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

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

Админ

3457

ПафНутиЙ - 2014-06-1011 июля 2012 23:23 - #5813

блин, напрвильно прочитал.

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

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

Юзер

131

wulv - 2014-06-1011 июля 2012 23:25 - #5814

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

Юзер

Arteom - 2014-06-1012 июля 2012 00:25 - #5815

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

Юзер

131

wulv - 2014-06-1012 июля 2012 00:35 - #5816

теперь появился бордер, но опять же у всех элементов.
пробовал

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

не помогло wink

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

Юзер

Arteom - 2014-06-1012 июля 2012 03:01 - #5817

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

Юзер

131

wulv - 2014-06-1012 июля 2012 11:35 - #5820

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

Эксперт

1925

nowheremany - 2014-06-1012 июля 2012 12:12 - #5822

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

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

Юзер

131

wulv - 2014-06-1012 июля 2012 12:23 - #5823

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

Эксперт

1925

nowheremany - 2014-06-1012 июля 2012 12:29 - #5824

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

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

Юзер

131

wulv - 2014-06-1012 июля 2012 12:51 - #5825

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

Юзер

131

wulv - 2014-06-1012 июля 2012 12:57 - #5826

Сайт стал долго загружаться, могло ли это повлиять?

<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>

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

Юзер

131

wulv - 2014-06-1012 июля 2012 18:08 - #5838

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