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. Как сделать активную галлерею?

    Доброго времени суток, несколько наглый вопрос: можно ли найти шаблон ява-скрипта для галереи где: -по центру большая картинка, а по краям две маленькие -внизу стрелочки, нажимая на которые галлерея прокручивается то есть сдвигается слева-направо -ну разумеется если нажать на большую картинку то она откроется во весь экран По моему достаточно часто встречающаяся штука, только не могу найти. Как сделать соверешнно не представляю.

    Asked by Aktl,

    0 votes
    2 answers

  2. Как сделать активным меню и подменю ?

    Есть простое меню на css. При наведении на ссылку меняется фон и появляется подменю. Как можно сделать что бы при переходе на подменю, у ссылки основного меню оставалось свойство hover. Т.е при наведении на "3-А", свойство hover было и у "3" и у "А" .Помоему только средствами css такое не сделать, нужен javascript, или я ошибаюсь? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <style type="text/css"> /*левое меню*/ .left_menu{ font-size:12px;} /*выравнивание списка*/ div.left_men…

    Asked by Stych,

    0 votes
    2 answers

  3. Как сделать активным поле textarea при нажатии на checkbox?

    Ребят, помогите с кодом. Как при помощи javascript сделать так, чтобы при нажатии на checkbox становилось активным поле textarea и наоборот?

    Asked by sergey_sergey,

    0 votes
    3 answers

  4. Как сделать аналогичную анимацию скролла

    Каждый блок на весь экран. При скролле новый блок появляется как показано на видео: http://www.youtube.com/watch?v=WyMe1vMBzak Подскажите, может есть готовое решение подобных переходов?

    Asked by posthack,

    0 votes
    0 answers

  5. Как сделать анимацию логотипа при помощи css 3

    Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation

    Asked by Anna Zharova,

    0 votes
    19 answers

  6. Как сделать анимацию цикличной?

    Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  7. как сделать анимированный gif?

    как сделать анимированный gif ajaxload? через сервис ajaxload.info можно сделать просто статический gif, а как сделать анимированный ? или может есть другие варианты?

    Asked by olechic,

    0 votes
    4 answers

  8. как сделать бар как на facebook

    доброе время суток как можно сделать плавающий бар, как на фейсбуке внизу, фото: может код кто подскажет, заранее спс.

    Asked by vvsh,

    0 votes
    1 answer

  9. Как сделать без таблиц

    Как можно реализовать такое через 3 divа?

    Asked by Kenshi45,

    0 votes
    19 answers

  10. Как сделать блок высотой в 100%

    Здравствуйте. Никак не могу сделать так, чтобы блок принял высоту в 100%. HTML <body> <div class="container"> <div class="layout"> Контент </div> </div> </body> CSS html, body { width:100%; height:100%; } .container { position:relative; min-height:100%; } .layout { height:100%; } Блок с классом layout никак не принимает высоту в 100%. Как поправить?

    Asked by indexmsk,

    0 votes
    1 answer

  11. как сделать блок для новостей ...

    как сделать такой новостной блок.... с верху было стрелка и снизу...

    Asked by Sekaiichi,

    0 votes
    5 answers

  12. Как сделать блок на всю высоту родителя

    Как можно сделать что бы внутренний блок растягивался на всю высоту родительского блока, height=100% не работает. Вот пример - http://jsfiddle.net/prd5qrh2/ почему-то желтый блок не растягивается на всю высоту

    Asked by alleclf,

    0 votes
    3 answers

  13. Как сделать блок одним целым

    Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…

    Asked by Pacan4ik,

    0 votes
    2 answers

  14. Как сделать блок по центру в IE

    Добрый день! сайт http://hotelkorona.kiev.ua/ В Mozilla и Опере все по нормально, блок расположен по центру. в IE не могу сделать, помогите пожалуйста, что я должен подправить?

    Asked by midzus,

    0 votes
    5 answers

  15. Как сделать блок с бакгроундом адаптивным?

    Приветствую форумчане! У меня такой вопрос: Есть макет, в котором один из блоков требует бэкгроунда картинкой. Проблема в том, что макет PSD фиксированный, а вот вёрстка у меня будет адаптивная. Конечно, картинку просто можно вставить в блок и сделать её адаптивной, но я хочу сделать блок именно с бакгроундом.... Подскажите пожалуйста, можно ли так сделать?

    Asked by tigrus2014,

    0 votes
    5 answers

  16. Как сделать блок свернуть развернуть на Jquery

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

    Asked by Виталий Диблюк,

    0 votes
    2 answers

  17. Как сделать блок ссылкой?

    я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?

    Asked by napstyle,

    0 votes
    19 answers

  18. Как сделать блок?

    Нужно приделать блок (справа) Как это возможно реализовать?

    Asked by Mistic,

    0 votes
    2 answers

  19. Как сделать блоки в две колонки.

    Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…

    Asked by kranopodem,

    0 votes
    2 answers

  20. Как сделать блоки фикс. ширины занимающие всю ширину блока родителя?

    Имеется какой-то внешний блок и в нем n вложенных блоков. Ширина внутренних блоков не должна меняться. Они должны "разъезжаться" на всю ширину внешнего блока так, что бы расстояние между ними было одинаковым. Пробовал задавать внутренним блокам display: inline-block, а внешнему text-align:justify, но это ничего не дало.

    Asked by bob_24,

    0 votes
    15 answers

  21. Как сделать бордер по краю окна?

    Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.

    Asked by Vitrilo,

    0 votes
    20 answers

  22. Как сделать в один ряд?

    Вот на сайте нужно выстроить 6 блоков в один ряд. Скажите как это можно сделать? http://oneperhour.net/

    Asked by kabyr,

    0 votes
    2 answers

  23. Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Asked by daggi,

    0 votes
    1 answer

  24. Как сделать в резиновой шапке....

    Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>

    Asked by daggi,

    0 votes
    1 answer

  25. Как сделать в фиксированной ячейки резание и перенос слова

    Остался последний не закрытый вопрос - у меня зафиксированный размер столбца и если в ячейку забивается слово которое больше заданного размера мне надо что бы это слово резалось само и переносилось в другую строку. Возможно это сделать или это надо на скрипте делать?

    Asked by Hиколай,

    0 votes
    4 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