Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. display: table и min-height в firefox и safari

    Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф

    Asked by swandev,

    0 votes
    5 answers

  2. Модальное окно в слайдере

    Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.

    Asked by Orarifish,

    0 votes
    5 answers

  3. Уменьшить вес css

    Есть код: http://pastebin.com/kfreQMQc В нем очень длинная строка вызова woff шрифта. Как её упросить?

    Asked by okunev2,

    0 votes
    5 answers

  4. Краткое описание при навидении мышки.

    Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>255…

    Asked by mov,

    0 votes
    5 answers

  5. Скрипт сортировки

    Здравствуйте. Подскажите, пожалуйста, качественный скрипт сортировки работ по категориям в портфолио.

    Asked by Temiks,

    0 votes
    5 answers

  6. Рамка текста

    Здравствуйте! В компоненте Cherry Picker (Joomla) в поле ввода цены курсор выделяется рамкой, как её убрать? Вот кусок кода стилей http://jsfiddle.net/0LcLqs5t/ Пробовал через color:white, но оно делает и сам текст белым. Спасибо.

    Asked by Бадминтон,

    0 votes
    5 answers

  7. Люди, помогите. Не дублируется фон.

    Помогите ,пожалуйста. Не могу понять, почему не дублируется фон "body" до конца экрана? По вертикали.

    Asked by BodyVop,

    0 votes
    5 answers

  8. html редирект. Реферальная ссылка не сохраняется в куках.

    Здравствуйте! Ситуация следующая... Имеется необходимость с моего сайта делать редирект на мою реферальную ссылку. Делаю это следующим образом. В корневом каталоге моего сайта создаю файл qwerty.html Затем открываю его и вписываю <html><head><META http-equiv="refresh" content="0; url=http://www.partnerka.ru/ref-123"></head></html> На выходе получается ссылка типа http://www.site.ru/qwery.html Собственно его и пиарю. Проблема в следующем... Реферальная ссылка указанная в qwerty.html не сохраняется в куках потенциальных пользователей, несмотря на то что после редиректа у них в браузере отображается http://www.partnerka.ru/ref-123 На деле получ…

    Asked by barbel,

    0 votes
    5 answers

  9. как сверстать таблицу

    как сверстать такую таблицу?

    Asked by mugukamil,

    0 votes
    5 answers

  10. Размер шрифта на экране

    Добрый день всем. Может кто подскажет, почему когда указываю шрифт 16px, на экране отображается 12px, или если указываю 20px, то на экране отображается 15px, т.е. на четверть меньше. В чем тут дело?

    Asked by grifangel,

    0 votes
    5 answers

  11. Не работает бекграунд в 960 gs

    Здравствуйте! Подскажите пожалуйста... Вот я скачал систему 960 grid, по генератору сделал шаблон 984px, вместо 960. Теперь задаю бекграунд к Body в виде картинки. На обычном шаблоне всё работает, а на 960 grid проблемы... С чем это может быть связано?

    Asked by tigrus2014,

    0 votes
    5 answers

  12. float и распорка на псевдоэлементе.

    Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя. Речь о: .clearfix:after{ content:''; display:table; clear:both;}Нуу, это в случае без оглядки на IE7. Собственно, два вопроса к знатокам: Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так? Почему часто в коде вижу двойное "сбрасывание обтекания" ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, …

    Asked by Cei,

    0 votes
    5 answers

  13. Что делать с этим элементом на этапе верстки?

    Что делать с этим элементом на этапе верстки? http://fastpic.ru/view/64/2014/1005/41a4e40eef8128685e7f3439da23b2a0.jpg.html как верстать его? или он делается при посадке на движок?

    Asked by raptor-dm,

    0 votes
    5 answers

  14. Тень у элемента

    Всем доброго времени суток. Мой вопрос о тени элемента(как не странно). Тень бывает разной, ну например как у этой кнопки: Может не очень видно здесь, но у нее несколько теней разной степени прозрачности и это не размытие(а даже если и оно, не суть важно), ведь тени могут быть разнообразные, да и эмпирическим путем подбирать пол часа тень на кнопку даже если тень простая, не очень верно мне кажется. Есть ли инструмент который позволяет быстро из картинки например строить тень в css, или если нету, то как этот процесс ускорить? Или может быть проще просто кнопку сделать картинкой?

    Asked by Arthur,

    0 votes
    5 answers

  15. конфликт двух форм

    Добрый день, многоуважаемый all ! Не подскажете ли в каком направлении копать? Была на странице форма с вордпрессовой авторизацией. Потребовалось добавить под ней еще одну форму. После добавления имеем странную фишку - первая форма стала неактивной. Нельзя курсор поместить в поля, кнопка submit не работает. Полностью активна стала только вторая форма. Путем экспериментов выяснилось, что если из второй формы убрать все тексты, оставив только form, input, submit, то обе формы рабочие. Стоит для какого-то input-a добавить текст-описание (например, "введите имя"), получаем нерабочую верхнюю форму. Ссылка на страницу, для просмотра кода (код второй формы, под Личным кабинетом,…

    Asked by flider,

    0 votes
    5 answers

  16. Градиентная прозрачность картинки

    Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.

    Asked by YAHOO,

    0 votes
    5 answers

  17. svg IE неверные width height

    Подскажите, как можно победить svg иконки, на сайте http://delovsite.ru/ в IE. Слева, стоят ссылки-иконки на группы. Стоят там svg. Если сразу не будет видно, то можно чуть уменьшить окно IE. Проблема вроде как известная, https://gist.github.com/larrybotha/7881691, но победить не получилось. Может есть еще какие то варианты? Кроме как заменить на png) Причем первая иконка вроде как отображается нормально:

    Asked by npofopr,

    0 votes
    5 answers

  18. Tень в IE9+

    Всем доброго времени суток!. Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?

    Asked by Arthur,

    0 votes
    5 answers

  19. Проблемы html таблиц в Outlook

    Всем привет!) Когда отправляю письмо на аутлук, то почему-то происходит небольшой сдвиг влево! Сдвигается картинка конверта, она состоит из нескольких порезаных картинок, помещенных в таблицу. Подскажите плиз в чем дело то?? как должно быть http://juliastepanets.com/email/email.html как в реале:

    Asked by DEviso,

    0 votes
    5 answers

  20. background to slider

    Добрый вечер, подскажите как можно выставить фото слайдер background для элементов контента. Пробовал через z-index, получается криво. Нужно чтоб было вот так http://pixs.ru/showimage/VillaSanMa_8067826_14250958.jpg а получается вот так http://sport.teslalight.com.ua/ Спасибо.

    Asked by mrfrunze,

    0 votes
    5 answers

  21. проблема с переворотом стрелочки

    у меня есть картинка стрелки,нужно при наведении на неё курсора,чтобы она повернулась на 180 градусов вот что я написал #org:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg); } <div id="right" > <div id="org"><p ><img src="img\strlka2.png" style="width:35px; height:35px" onclick="org();"></p></div> </div> и когда я навожу на картинку,она переворачивается,но она перемещается в другой конец div в чем дела?как сделать чтобы она оставалась на прежнем месте?

    Asked by BeetleJuice541,

    0 votes
    5 answers

  22. Скорость загрузки видео на сервере

    Проблема со скоростью загрузки видео (background), размер видео 2 мб, что можно сделать что бы увеличить скорость загрузки? и от чего будет зависеть скорость загрузки? начал перечислять причины заказчику что 1) соединение 2) сам сервер 3) браузер 4) антивирус 5) размер видео ответ: ничего не знаю от сервера точно ничего не зависит, вот почему у них летает, а у нас нет. Собственно какой аргумент привести что бы приземлить.

    Asked by soltx,

    0 votes
    5 answers

  23. Дрожат изображения в Mozilla Firefox 33

    http://www.dev.domstroi69.ru в слайдере дрожат изображения (браузер Firefox 33)(( в других браузерах такого не наблюдается... первый раз с такой проблемой сталкиваюсь, если есть идеи решения проблемы просьба отписаться.

    Asked by Daniil Khanin,

    0 votes
    5 answers

  24. Как сделать кроссбраузерный эффект

    А заключается он вот в чём: При наведении цвет ссылки желтый, если убрать курсор, цвет ссылки становится первоначальным (белым). А что можно придумать, чтобы после отвода курсора цвет ссылки был например синим? http://jsfiddle.net/rrz9ugm8/ Предполагается что пример выше по ссылке, это меню - вот типа такого плана: http://jsfiddle.net/22cf2n82/

    Asked by Delat,

    0 votes
    5 answers

  25. Пропорции картинки при масштабиронии

    Всем привет. Такая проблема: на сайте есть блок с div с картинками, расположен по горизонтали (через float:left, ширина задается в процентах). Нужно чтобы картинка полностью заполняла див. Проблема в том, что картинки есть у которых ширины больше высоты и наоборот соответственно. При уменьшении масштаба ширина (она в процентах) тоже уменьшается, а высота остается прежней, т.е. вытягивается по вертикали. На данный момент реализовано так http://jsfiddle.net/u424m8fh/ - попробуйте уменьшить масштаб. Может есть у кого мысли как можно сделать так, что бы картинка заполняла див не по мах размерам - width и height, а по минимальным?

    Asked by gawmax,

    0 votes
    5 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept