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. Чередование фона

    Добрый день, подскажите пожалуйста, как правильно в css написать, чтобы 1 строка черная, 2я белая, 3 черная, 4 белая и т.д. Вот код <label class="jbprice-row jbprice-row-0"> <label class="jbprice-row jbprice-row-1"> <label class="jbprice-row jbprice-row-2"> <label class="jbprice-row jbprice-row-3">

    Asked by RK3DNP,

    0 votes
    6 answers

  2. overflow в ячейки таблицы

    Работает ли свойство overflow в ячейке таблицы? <td style="width:60px;overflow: hidden;"><div style="width:70px"></div></td>Почему-то делает ширину 70px

    Asked by PavelTkachev,

    0 votes
    6 answers

  3. Помогите как сделать

    Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg И еще почему то к placeholder не применяются стили. Помогите пожалуйста.

    Asked by Shenia132,

    0 votes
    6 answers

  4. Сортирока списка с помощью CSS

    Добрый день, есть такая задача, список из 5 пунктов, у одного из них клас active (не у третьего), можно ли с помощью css сделать что бы он стал посредине. к примеру тут

    Asked by laliev,

    0 votes
    6 answers

  5. Стилизация колонок в таблице c помощью <col>

    Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...

    Asked by Светлана Г.,

    0 votes
    6 answers

  6. нужна помощ и консультация по div и сайту

    Здравствуйте, Помогите пожалуйста с одно-страничным сайтом для внутреннего пользования завода, решил сделать сайт блочного типа вот есть только одно но, не получается растянуть блоки под разные разрешения экранов http://jsfiddle.net/z0nynx6r/

    Asked by paradox93,

    0 votes
    6 answers

  7. Простой tooltip без использования плагинов?!

    Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен…

    Asked by Antoshka007,

    0 votes
    6 answers

  8. Как организовать спортивную таблицу?

    Подскажите, как организовать турнирную таблицу, желательно на Joomla? Может, кто сталкивался?

    Asked by Alfa2015,

    0 votes
    6 answers

  9. Как сделать адаптивную таблицу?

    Делаю адаптивный дизайн. Запутался, что с таблицами делать. Вот например дано: <style type="text/css">.tg td{border-style:solid;}.tg th{border-style:solid;}</style><table class="tg"><tr> <td rowspan="2" >Ячейка 1</td> <td nowrap >Ячейка 2</td> <td>Ячейка 3</td> <td rowspan="2">Ячейка 4</td></tr> <tr> <td colspan="2">Ячейка 5</td> </tr> </table> Погуглил, предлагают делать на основе дивов. заменил на дивы <style type="text/css">.mytable {width:500px; border:1px solid black;}.mytable td{border:1px solid black;}.tr {border:1px solid black; }.td {border:1px soli…

    Asked by nikki4,

    0 votes
    6 answers

  10. Чтобы страница загружалась целиком.

    Уважаемые форумчане, пожалуйста, подскажите, как сделать так, чтобы html-одностраничник загружался целиком, а не по частям. Я только начала создавать простые html-странички с фоном-картинкой и формой подписки. При загрузке страницы сначала грузится таблица, а потом картинки и далее - фон-картинка. Причем частями загружаются и те странички, которые создаю с отдельными страницами стилей и те, в html-код которых вписываю стили. Фон картинка небольшая от 250КБ до 400КБ. Ее размеры примерно 1280х895.

    Asked by StOK,

    0 votes
    6 answers

  11. Проблемы с overflow в safari

    Пример: https://jsfiddle.net/soltx/1rwygfdw/ Если задать: position:relative то блок не скрывает лишнее, как решить проблему (safari 5.1.7)?

    Asked by soltx,

    0 votes
    6 answers

  12. Помогите раскрутить

    Помогите и посоветуйте как привлечь больше посетителей на сайт http://for-droid.ru/ Заранее спасибо !

    Asked by frolmd,

    0 votes
    6 answers

  13. Как сделать прямоугольник с рамкой?

    Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?

    Asked by Flexible Curd,

    0 votes
    6 answers

  14. Адаптивный дизайн

    Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт http://intechsoft.ru/about/news/верстка адаптивная. В css использовал медазапрос @media screen and (max-width: 991px) чтобы для экранов с разрешением <991px сайт немного по-другому отображался. Сказали что на Ipad air 5 (2048х1536px) вроде разрешение сайт криво отображается. Как мне сделать полноценную адаптивность? Какие медиазапросы лучше использовать? Вообще как лучше писать: @media screen and (max-width: 991px) @media screen and (min-device-width: 991px) что из этих будет правильнее?

    Asked by kolhoz,

    0 votes
    6 answers

  15. Полупрозрачный фон на изображении

    Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.

    Asked by combyuro,

    0 votes
    6 answers

  16. Решение проблем + оценка вёрстки

    Здравствуйте! Прошу прощения, если написал не туда. После двух-недельной теории решил сверстать свой первый макет, но как обычно первый блин оказался комом. Верстал по методу mobile first. Макет брал отсюда. А вот вёрстка: bgdn.16mb.com/ (грузится долго). Прошу адекватную оценку вёрстки (не учитывая те проблемы, которые я описал ниже) а так же помощь в решении следующих проблем: 1) Примерно с ширины браузера от 822px до 842px выпадает вниз блок Services. В чем проблема? Ведь ширины для плавающего блока достаточно (2 блока по 50%). Сейчас обнаружил, что блок выпадает при вытекании текста из блока выше (about whitesquare), но решение так и не могу найти. 2) Не могу…

    Asked by bgdn,

    0 votes
    6 answers

  17. Проблема с фреймом(html).

    Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…

    Asked by Mestniy96,

    0 votes
    6 answers

  18. Как изменить фон

    Как изменить фон на главной странице до красной линии?

    Asked by Jokerrs,

    0 votes
    6 answers

  19. Обтекание элементов

    Добрый день,уважаемые форумчане! При верстке макета обнаружил проблемку: дело в том,что новости на сайте разной высоты и никак не могу добиться того,чтобы блоки обтекали друг друга ,а не оставляли пустое место. Прилагаю скрин,там есть новости,и я добиваюсь такого же обтекания,помогите,знает кто,0где можно достать информацию по данному поводу?

    Asked by ELBegemotos,

    0 votes
    6 answers

  20. Адаптивное уменьшение картинки

    На сайте http://чосер.рф/ мне нужно сделать адаптивное уменьшение картинки. То есть при уменьшении ширины экрана текст справа от неё остаётся неизменной ширины, а картинка пропорционально уменьшалась бы сохраняя своё место. Не понимаю, как этого добиться. Помогите, пожалуйста.

    Asked by PavelTkachev,

    0 votes
    6 answers

  21. Баг мобильных браузеров

    В мобильных браузерах такой вот баг: появляется отступ справа. В чем может быть проблема? Как исправить?

    Asked by LeoSan,

    0 votes
    6 answers

  22. Проблема с viewport

    Парни, такая проблема. Есть страница: http://pangurh7.bget.ru/ ее viewport: <meta name="viewport" content="width=device-width, initial-scale=1"> отображение на мобилке: http://cropme.ru/f6018b21a633cf7a672191f11c38ea54 http://cropme.ru/9c601ab9a6036f3704464ab40451bc8e уже перечитал все статьи про viewport. Пробовал разные варианты. Что может быть не так?

    Asked by pangurban,

    0 votes
    6 answers

  23. Номера телефонов переводятся на новую строку

    Подскажите, как отменить перевод на новую строку номеров телефонов на iOS?

    Asked by vip,

    0 votes
    6 answers

  24. Как добавить ссылку?

    <object style="Margin-top:50px"; align="left" type="application/x-shockwave-flash" height="200" width="200" data="http://agitki.ru/flash/template/globus.swf"><param name="movie" value="<!--http://agitki.ru/flash/template/globus.swf"--> /><param name="wmode" value="Transparent" /><param name="flashvars" value="&in_title=РеКом" /></object>Как сюда добавить ссылку?

    Asked by Mestniy96,

    0 votes
    6 answers

  25. циклический rotate на n-градусов (jQuery) мозговлючающая задача

    Привет. У меня возникла проблема: Есть такой пентагон, который при клике на пункт меню поворачивается в его сторону https://yadi.sk/i/Xv1jCEZkghMH6 проблема в том, что пентагон должен крутиться по короткому пути к активному пункту.

    Asked by veremey,

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