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. верстка галереи с пагинацией

    скажите пожалуйста каким способом верстаются подобные галереи? вопрос вызывает пагинация. здесь лучше искать/писать плагин, в котором будет реализована пагинация или делать несколько html-страниц, на каждой из которых будет встроен плагин, не имеющий механизма пагинации

    Asked by cyklop77,

    0 votes
    6 answers

  2. Вопрос о свойстве text-shadow

    Здравствуйте, Вот такой макет я хочу сверстать: С горем пополам "похожести" с исходной картинкой мне удалось добиться, но есть куда расти. Подскажите пожалуйста, как добавить немного тени для заголовка (Lorem ipsum dolor), но только с одной стороны надписи. Я хотел использовать свойство text-shadow, но требуемого результата не получил. PS: Буду благодарен за комментарии и советы.

    Asked by pvk,

    0 votes
    7 answers

  3. изображение под изображением

    Доброго времени суток. В html коде прописано : <div class="c-left"> <div class="good-bg-1">Изображение</a></div> </div> <div class="c-right"> Текст </div> в таблице стилей : .c-left, .c-right {float: left;} .c-left {width: 150px;} .c-right { padding-top: 14px; width:600px; margin-left:40px} что мне нужно прописать в моем случае чтоб два изображения были с лева друг под другом а текст с права, текста много.

    Asked by Aleksandr_I,

    0 votes
    8 answers

  4. Проблема c text-shadow и opacity в Chrome

    Здравствуйте. Сегодня мне нужно было сделать эффект исчезновения и появления текста, и я заметил баг в браузере Google Chrome. Заключается он в том, что, если на текст наложен эффект text-shadow, то этот эффект не отображается пока opacity не станет равен 1. Кто-нибудь сталкивался с такой проблемой? Есть идеи как её решить?

    Asked by fttkhv,

    0 votes
    5 answers

  5. Вёрстка разделителей списков

    Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?

    Asked by Wak,

    0 votes
    47 answers

  6. Резиновый шрифт

    Верстаю резиновый трехколоночный макет. Шрифт в шапке растянут на всю ширину справа от логотипа (логотип - плавающий элемент). Хочу, чтобы при уменьшении окна браузера с 1600 px до 1280px текст заголовока уменьшался от 17pt до 13pt, оставаясь все это время растянутым во всю доступную ширину экрана. Какие приемы для этого существуют?

    Asked by hike,

    0 votes
    3 answers

  7. Проблема с динамическим фреймом (IFRAME)

    Как растянуть фрейм по всей области блока блок без фиксированного размера, надо растянуть по всей его области

    Asked by skoch244,

    0 votes
    0 answers

  8. Позиционирование картинки

    Подскажите, как установить позиционирование одной картинки относительно другой? Я вот как-то так пробовал: <html> <body> <div id="D"></div> <script> Img = new Image(); Img.src = './Img1.png'; Img.style.position = 'relative'; Img.id = "Img1"; document.getElementById('D').appendChild(Img); Img = new Image(); Img.src = './Img2.png'; Img.style.position = 'absolute'; document.getElementById('Img1').appendChild(Img); Img.style.top = '50%'; Img.style.left = '50%'; </script> </body> </html> Знаю, что не правильно, но как правильно, не знаю.

    Asked by Тёмик,

    0 votes
    3 answers

  9. Редактирование разных данных в таблице пользователем

    Всем привет. Делаем сервис в котором присутствует куча настроек. Настроек много и они однотипные, поэтому объединяем их в таблицу. И встал вопрос как поюзабельней сделать редактирование этих настроек. Среди полей таблицы есть и просто текст, есть и числа, даты, есть и комбобоксы. Если реализовывали что-то такое, или видели где реализовано, подскажите плиз.

    Asked by dmitryiv,

    0 votes
    1 answer

  10. Непонятки с размером шрифта

    Добрый день! Не подскажет ли многоуважаемый all. Имеем следующую конструкцию на странице: <table><tr><td> <p> <div style="text-align: justify; font-size: 8px"> <img src="http"> текст1<br> <p><img src="http"> текст2<br> <p><img src="http"> текст3<br> <p> текст4<br> <p> </div> <p> <p> </table> Кто бы объяснил, почему текст1 выводится шрифтом в 6 px, а остальные тексты как положено 8 px? Уже вся голова сломана, а толку нет :-(( Причем такая фишка проявляется в Эксплорере и ФайрФоксе, Опера показывает нормально. Гран мерси.

    Asked by flider,

    0 votes
    12 answers

  11. При выставлении паддинга движется слой.

    Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно

    Asked by skygazer,

    0 votes
    8 answers

  12. Двухцветный фон

    Как сделать двухцветный фон?

    Asked by Anarchist,

    0 votes
    8 answers

  13. непонятная функция

    объясните мне пожалуйста что происходит в этой строке if(filter.test(a)){ на этой странице функции text() я не нашел ни в библиотеке, ни в скрипте. filter здесь явно не это

    Asked by cyklop77,

    0 votes
    6 answers

  14. Объясните пожалуйста новичку

    Этот вопрос может показаться смешным, но я еще только начинаю изучать верстку и все что с ней связано, поэтому прошу людей знающих в этой области подсказать: пожалуйста, объясните взаимодействие движка и системы управления и как во все это вписывается PHP? Правильно ли я поняла, что движок, это тот, который управляет файлами на хостинге, их структурирует, а система управления, это та, которая управляет движком? Тогда какое место занимает PHP? Спасибо

    Asked by Yarkaya,

    0 votes
    9 answers

  15. Выбрать предыдущий элемент

    Можно ли выбрать предыдущий элемент, то есть противоположность div + p ?

    Asked by Nightmare,

    0 votes
    4 answers

  16. css для chrome

    chrome странно width воспринимает. Если в #cn3 вместо width:5.2%; поставить width:5%; то получиться щель. А в firefox, например, дробная ширина ломает блоки. Теперь вопрос - как в css указать конкретно для chrome этот стиль? И почему так происходит? <html> <head> <style type="text/css"> body {background: #333;} #centr { float:left; width:60%; margin:0px; background: #000; } #cont { min-height:100px; padding:0px; } #cn1 { background: #fff; height:20px; width:5%; float:left; } #cn2 { background: #fff; height:20px; width:90%; float:left; } #cn3 { background: #fff; height:20px; width:5.2%; float:right; } </style> </head> <body> <div id=…

    Asked by qazibum,

    0 votes
    3 answers

  17. Отступы

    Такая проблема. Прописываю width:100% и с верху и по бокам появляются отступы примерно по 5px, таже проблема для margin: 0 auto, с верху появляется отступ

    Asked by Vanilnaya,

    0 votes
    2 answers

  18. Подскажите в чём может быть проблема

    В режиме совместимости у IE - отступов нет, без совместимости и во всех остальных браузерах появляются одинаковые отступы. Табличная верстка. В самом верху ячейка с картинками (4 шт), под ней тоже ячейка с картинками (10 шт). Получается после верхней и нижней ячейки появляются отступы. Ячейки залил чёрным цветом чтобы было яснее видно где проблема. Не прошу решить проблему, прошу высказать предположения по проблеме. Спасибо! <tr> <td bgcolor="#000" height="131" width="990" colspan="2"><img alt="" width="163" height="191" src="/sm_full.aspx?guid=17993" /><img alt="" width="182" height="191" src="/sm_full.aspx?guid=18813" />&l…

    Asked by mukz,

    0 votes
    7 answers

  19. Открывающиеся меню.

    Всем доброго дня! У меня есть сайт .html html+css+js, и есть форма в .html html+css. Можно ли как нибудь на сайте разместить форму не мучая сильно код, так как создавал через сайт и там ужас будет всё менять. И как сделать выплывающую форму при нажатия на кнопочку, посоветуйте ресурс. Спасибо!

    Asked by Wahlberg,

    0 votes
    2 answers

  20. шаблон...

    добрый вечер. подскажите пожалуйста как писать шаблоны для .html и подключать их???

    Asked by ???,

    0 votes
    2 answers

  21. Не отображаются картинки и css

    Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…

    Asked by in9emix,

    0 votes
    3 answers

  22. Вёрстка div высота 100% 3 колонки

    Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…

    Asked by bam,

    0 votes
    19 answers

  23. HTML5 и CSS3

    Добрый день форумчане. Думаю многие согласятся с тем что новые технологии HTML5 и CSS3 превосходят своих предшественников. Открываются новые возможности в плане динамики сайта. У меня такой вопрос, стоит ли переходить полностью на такую верстку или все же писать на обычном HTML CSS т.к с новой технологией нужно будет следить за кросбраузерностью. Или стоить выбирать между ними исходя из направленности сайта и продвинутости посетителей, т.к они как правило пользуются современным браузером. Мини опрос. Кто использует новую технологию.

    Asked by Modestes,

    0 votes
    1 answer

  24. Случайный вывод

    Ммм.. Допустим у меня есть страничко HTML и текст пример 1) Первыйтекст 2) Второйтекст 3) Третий и т.д. Как сделать что бы только одно из предложений выводилось рандромно?

    Asked by Clide,

    0 votes
    2 answers

  25. Как избавится от тормозов?

    Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.

    Asked by Lednar94,

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