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

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


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

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

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

Ответил: nowheremany


jQuery appendTo

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

wulv
Юзер

wulv - 11 июля 2012 17:45 -

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

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

nowheremany
Эксперт

nowheremany - 11 июля 2012 18:02 -

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

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

wulv
Юзер

wulv - 11 июля 2012 18:12 -

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

nowheremany
Эксперт

nowheremany - 11 июля 2012 18:27 -

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

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

wulv
Юзер

wulv - 11 июля 2012 18:58 -

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

wulv
Юзер

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
Эксперт

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>

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

ПафНутиЙ
Админ

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

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

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

wulv
Юзер

wulv - 11 июля 2012 22:55 -

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

ПафНутиЙ
Админ

ПафНутиЙ - 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
Юзер

wulv - 11 июля 2012 23:10 -

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

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

ПафНутиЙ
Админ

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

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

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

wulv
Юзер

wulv - 11 июля 2012 23:25 -

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

Arteom
Юзер

Arteom - 12 июля 2012 00:25 -

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

wulv
Юзер

wulv - 12 июля 2012 00:35 -

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

не помогло wink

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

Arteom
Юзер

Arteom - 12 июля 2012 03:01 -

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

wulv
Юзер

wulv - 12 июля 2012 11:35 -

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

nowheremany
Эксперт

nowheremany - 12 июля 2012 12:12 -

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

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

wulv
Юзер

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
Эксперт

nowheremany - 12 июля 2012 12:29 -

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

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

wulv
Юзер

wulv - 12 июля 2012 12:51 -

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

wulv
Юзер

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
Юзер

wulv - 12 июля 2012 18:08 -

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

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

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

наверх