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. justify-content: space-between - выравнивание элементов в нижнем ряду

    Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/

    Asked by volshebnyi,

    0 votes
    17 answers

  2. JW Player

    Подскажите, пожалуйста, никак не могу установить данный плеер. Делаю все по инструкции http://www.longtailvideo.com/support/tutor...on-Instructions , все необходимые файлы точно находятся в нужной папке и пути к ним прописаны верно. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <p id='preview'>The player will show in this paragraph</p> <script type='text/javascript' src='swfobject.js'></script> <script type='text/javascript'> var s1 = ne…

    Asked by Sub-zerro,

    0 votes
    3 answers

  3. kak zamenit shablon

    u mena sait na ucoz servere, i xachu zamenit shablon.vi ne padskajite gde mojna naiti xaroshi shablon i kak zamenit!?

    Asked by g-soft,

    0 votes
    1 answer

  4. keyframe анимация не работает в chrome

    keyframe анимация не работает в chrome. Пробовал с префиксами, не работает. Как это решить? http://jsbin.com/menezamu/1/edit @keyframes huge { 0% {transform: scale(1.0, 1.0); background-color: #ff375a } 50% {transform: scale(1.2, 1.2); background-color: #379bff } 100% {transform: scale(1.0, 1.0); background-color: #ff375a} }.animButton { color:white; font:italic 20px Impact; letter-spacing:1px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); display:table; text-align:center; line-height:150px; width:150px; height:150px; border-radius:100px; background:url(/img/usa/herbals.png) no-repeat bottom, -moz-radial-gradient(center, ellipse cover, rgba(0,0,…

    Asked by apexis,

    0 votes
    3 answers

  5. keywords

    Здравствуйте. Это правда что meta name="keywords" уже потерял свою актуальность... что веб дизайнеры уже этим ( Спасибо.

    Asked by Lobo,

    0 votes
    4 answers

  6. keywords как добавить на каждую страницу свой?

    Здравствуйте. У меня такая ситуация. Я веду интернет-магазин и при добавлении товара прописываю ключевые слова в каждом товара разный. Так вот после добавления оказалось что к всем товара и всем страницам сайта подтягиваются ключевые слова главной страницы. Что делать кто подскажет?

    Asked by dizzi,

    0 votes
    3 answers

  7. Kосяк с отображением в Firefox'е

    Всем привет :-) Расскажу по порядку: У меня на странице есть меню. Основано оно на том, что при нажатии на заголовок меню, появляются его подменю; примерно так (визуально): -меню1 —подменю1 —подменю2 -меню2 —подменю3 —подменю4 И получается, что при нажатии на "меню1", отображаются ранее скрытые "подменю1" и "подменю2". (style="display:none" --> style="display:block"). При этом, естесственно, что "меню2", находящееся под этим всем делом, сдвигается вниз. Это так и должно быть, но проблема в том, что если "меню1" схлопнуть, то "меню2" не возвращается на свое место, а остается внизу. В случае очередного открытия/схлопывания "меню1" оно сдвигается еще ниже. Этот косяк толь…

    Asked by _EAX_,

    0 votes
    8 answers

  8. Label

    Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!

    Asked by new01,

    0 votes
    13 answers

  9. Label + input

    Есть код: <input type="checkbox" name="vopros2[]" value="0001" id="vopros2_4" class="checked"> <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" class="checked" id="text1"></label> В Опере при клике на инпуте, флаг не ставится. В Файр Фоксе при клике не инпуте, флаг ставится, но фокус с текст поля пропадает и невозможно ввести текст. В Хроме работает все отлично) Как сделать это решение более кроссбраузерно?

    Asked by crash,

    0 votes
    1 answer

  10. label для radio

    <dd class="answer"> <input type="radio" id="user_radio_input" name="Vote[answer]" value="0" class="radio_button"> <label for="user_radio_input"> <input type="text" name="Vote[user_answer]" class="input_button" value="Ваш вариант" /> </label> </dd> Здравствуйте, нужно чтобы при нажатии на input с текстом, radio button установилась в активное состояние, сделал так, но не работает =( Помогите исправить. Пробовал в Опере. В хроме оказывается работает и нормально переходит, в ФаерФоксе работает, только не получается ввести текст в инпут, так как вечно перебрасывает фокус на радио буттон, что впринципи логично. Видимо при…

    Asked by like2dev,

    0 votes
    1 answer

  11. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity,

    0 votes
    4 answers

  12. Label, input, text-align and FF2

    Всем привет. Есть проблема со следующим кодом: <style type="text/css"> .row{ width: 800px; } label{ display:-moz-inline-stack; text-align: right; display: inline-block; width: 210px; } </style> <div class="row" > <label> Название учебного заведения </label> <input type="text" /> <label> Тип документа </label> <input type="text" /> </div> <div class="row"> <label> Код учебного заведения </label> <input type="text" /> <label> Номер документа </label> <input type="text" /> </div> Задача - выровнять label по правому краю. Проблема - FF2 капризнич…

    Asked by Йода,

    0 votes
    7 answers

  13. label, обворачивать или сбоку?

    Подскажите, какой способ сейчас лучше и почему?

    Asked by artemhp,

    0 votes
    1 answer

  14. landing для практики

    Всем привет! кому не сложно скиньте landing шаблон в psd, чтоб там был таймер, форма обратной связи, слайдеры. Напишите какие трудности (особенности ) возникают при верстке landing

    Asked by RomanVerstka,

    0 votes
    0 answers

  15. last-child

    Читаю Большую книгу CSS МакФарленда. И там он пишет что есть разница между ul:last-child и ul :last-child. Это так ?Потому что раньше я этому значения не предовал.

    Asked by rpmcmerphy,

    0 votes
    2 answers

  16. last-child

    Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.

    Asked by mrfrunze,

    0 votes
    8 answers

  17. layer-up - всплывающие слои

    Опишите пожалуйста технологию всплывающих окон. От кода создания их в основном окне и всевозможные пораметры: размеры, строки состояния, и весь вид целиком! Заранее спасибо! Такой креатив не пропад?т даром точно! Ваш Michigan

    Asked by Michigan,

    0 votes
    9 answers

  18. Layers

    У меня наверное очень дурацкий вопрос... Училась всему сама, поэтому толком спросить не у кого. Решила поработать со слоями. Вроде многое понимаю, но там народ использует css, что я только пытаюсь усвоить. Вопрос у меня такой: мне нужно сделать так, что-бы слои сообщались между собой, например слой с меню и слой с основным содержанием, что-бы работали ссылки, и что-б в слой не вставлять фрэйм, а открывать страницы полностью в слое. _____________________ P.S. Если можно подкинуть линки как это можно сделать без слоев, было бы тоже не плохо. Но кажется это как-то можно сделать в php..

    Asked by Murasaki,

    0 votes
    12 answers

  19. left и right ie6

    Одновременно не работают left и right при абсолютном позиционировании в шестом осле. Есть какие-то хаки? Суть в том, что надо сделать блок так, чтобы он и справа и слева отступал на несколько пикселей. Пока решил проблему двумя блоками по 51%, но это мне не очень нравится.

    Asked by Veseloff,

    0 votes
    5 answers

  20. left:expression((document.body.clientWidth-893)/2); в FF

    Всем привет. Подскажите пожалуйста, почему left:expression((document.body.clientWidth-893)/2); везде исполняется правильно кроме FF? Как надо правильно написать expression, чтобы он исполнялся и в файрфоксе?

    Asked by nonickname,

    0 votes
    1 answer

  21. Legend

    Как сделать чтобы legend не заходила на рамку fieldset?

    Asked by Kenshi24,

    0 votes
    1 answer

  22. legend по центру

    Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…

    Asked by tgnet,

    0 votes
    11 answers

  23. Legend помогите поменять тип маркера

    Помогите нужно сделать так чтобы маркер legend при раскрытии списка менялся в цвете? Или в конце концов просто поменять его на другой, более привлекательный

    Asked by mr_temi4,

    0 votes
    2 answers

  24. Less

    Столкнулся с такой проблемой есть div в нем лежит span с display: none; когда div становится :hover - span становится display: block; В css все просто: div:hover > span {display: block !important;} но к сожалению в LESS символ > используется с другой целью. Кто ни будь знает решение проблемы? Как на less сделать что бы при наведение на 1 объект другой менял свои свойства?

    Asked by GeSTaM,

    0 votes
    15 answers

  25. LESS

    Нашёл статью про less и в ней говорится, то что он значительно упрощает код. С этого .border_radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}Сократили до вот этого .border_radius(@radius){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}Здесь же намного больше символов, чем было. Вот эта статья http://maxsite.org/page/pochemu-nuzhno-izuchat-less

    Asked by DivMan,

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