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. Переносятся слова в Chrome

    Добрый день. Подскажите пожалуйста, почему, в Chrome слова которые не помещаются переносятся на новую строчку? В остальных браузерах все нормально. Шрифт такой font: bold 13px/18px Georgia; У блока имеются размеры. Как это исправить? Шрифт уменьшать нельзя как и междустрочный интервал. Спасибо!

    Asked by AndreyB,

    0 votes
    6 answers

  2. input type="radio" отправка на email выбранного параметра [PHP]

    Нужно что бы на email выходил выбранный один из вариантов Вот не полный вид формы: <table width="100%"> <tbody> <tr> <td width="12%">Самовывоз: </td> <td> <input type="radio" name="deliver" value="Самовывоз" checked="checked"> Офис "Спектр-сб": ул.Ново-Садовая, 303 А<br> </td> </tr> </tbody> </table> <table width="100%"> <tbody><tr> <td width="12%"> Доставка: </td> <td> <p> <input type="radio" name="deliver" value="ООО Деловые линии"> ООО "Деловые …

    Asked by xoff,

    0 votes
    1 answer

  3. Открыть ссылку в новой вкладке

    Здравствуйте! Как можно сделать, чтобы определённый адрес страницы открывался в новой вкладке, если нет доступа к самой ссылке? Например, через JS. Был вариант: http://jsfiddle.net/DcC97/ Но он почему то не сработал. Подскажите, пожалуйста! Спасибо!

    Asked by Phil_F,

    0 votes
    3 answers

  4. Верстка из HTML в PSD

    Вопрос неординарный конечно,но... Как можно сверстать тему из Html файла в фотошоп? КАК? Пожалуйста помогите! Буду очень рад.

    Asked by SKSKSS2013,

    0 votes
    5 answers

  5. Как отключить скролл страницы при открытии модального окна

    Как сделать что при открытии модального окна пропадал скролл основной страницы а после закрытия снова появлялся, помогите. И если можно то сделать как нибудь не используя для этого определенный "div id" а то у меня они меняются, я так понимаю это делается с помощью js html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0;…

    Asked by xoff,

    0 votes
    7 answers

  6. Не растягивается родительский блок

    Добрый день. Помогите решить следующую проблему: имеется резиновый шаблон (3 колонки), когда в среднюю колонку помещаю блок который шире её, шаблон не тянется, а этот блок просто выходит за пределы родительского. Как сделать чтобы родительский блок растягивался? Вариант задать min-width не подходит, т.к. на разных страницах может быть разный контент, и он будет или вмещаться в текущую ширину родителя, или тянуть его. <!DOCTYPE html> <html> <head> <title>Layout 1</title> <meta content="text/html; charset=iso-8859-1" http-equiv="content-type"> <meta content="HAPedit 3.1" name="generator"> <style type="text/css"&…

    Asked by gangsta15,

    0 votes
    0 answers

  7. В ie9 не работает border-radius после применения градиента ?

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??

    Asked by ilyas,

    0 votes
    17 answers

  8. Сложный случай адаптивного макета

    Попался непростой дизайн для верстки, сайт будет адаптивный, хотя дизайн изначально под это не был рассчитан. Никак не могу решить, как правильно сверстать нижнюю часть. В правой и левой колонке фоном идет рисунок (рипитится по вертикали) и часть этого рисунка по замыслу дизайнера должна выступать за границу сайта. В принципе, это можно сделать и отрицательным маржином, но придется убирать выравнивание высоты колонок, потому, что необходимый для выравнивания overflow:hidden, не дает блоку с картинкой вылезти за границу сайта. С помощью before и after тоже не получается (абсолютное позиционирование не дает репититься рисунку). Проблема на декстопной версии сайта решилась …

    Asked by troll31,

    0 votes
    3 answers

  9. iFrame | В подвал!

    Здравствуйте! Подскажите, пожалуйста, почему, когда я поставил iframe в подвале, указав в src="http://adres.com/index.html#go", при заходе на сайт он сразу же кидает меня в подвал! И на все других моих устройствах тоже самое. Но! Когда я убрал #go, всё вернулось на свои места, отлично работает, только вот с помощью margin пришлось отрегулировать положение объекта. - это не удобно... Легче id в адресе прописать... Так вот, подскажите, пожалуйста, почему так происходит? Я первый раз с таким встречаюсь... Раньше с iframe у меня всё работало. Заранее БОЛЬШУЩЕЕ СПАСИБО! Буду благодарен, если ответите

    Asked by Phil_F,

    0 votes
    2 answers

  10. Strict Doctype

    Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?

    Asked by Doctype,

    0 votes
    2 answers

  11. Указать шрифт

    Подскажите что нужно прописать, что бы задать определённый шрифт для всей страницы?

    Asked by CssHammer,

    0 votes
    8 answers

  12. Помогите пожалуйста разобраться с шаблоном

    Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....

    Asked by Manager87,

    0 votes
    19 answers

  13. Гугл ругается на "-webkit"

    Начал потихоньку оптимизировать свой форум, убирать лишние css Возник вопрос. Зачем нужно использовать -webkit, к примеру, -webkit-border-bottom-left-radius, если можно использовать border-bottom-left-radius? Гугл просто ругается на CSS: "-webkit-border-bottom-left-radius" is used, but "border-bottom-left-radius" is supported. "-webkit-border-bottom-right-radius" is used, but "border-bottom-right-radius" is supported. Как быть?

    Asked by grisha2217,

    0 votes
    7 answers

  14. Подскажите, как можно сверстать такое?

    Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?

    Asked by d0ublezer0,

    0 votes
    23 answers

  15. как заверстать такой фон, как думаете?

    Здравствуйте. вот такая задачка, как можно что-то подобное заверстать? Чтобы не целиком весь фон брать. вот она https://dl.dropboxusercontent.com/u/12587498/fon.png

    Asked by warobushek,

    0 votes
    1 answer

  16. Адаптивные картинки в статьях страницы

    Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…

    Asked by Delat,

    0 votes
    3 answers

  17. предоставление контента сторонним сайтам

    Добрый день! Необходимо предоставить контент своего сайта стороннему веб-сайту.. Какие безопасные механизмы существуют для этого? Заранее благодарю всех ответивших!

    Asked by alexgherco,

    0 votes
    3 answers

  18. ie10 - border-box и height: 100%

    Здравствуйте. У меня есть задача: Есть два блока, один наверху (высотой 35px) второй в низу, нижней должен занимать всю свободную область и при необходимости иметь полосу прокрутки. Я написал CSS .top { position: fixed; height: 35px; top: 0; left: 0; } .bottom { height: 100%; padding: 35px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .bottomContent { height: 100%; overfow: auto; } Везде работает кроме IE. IE делает блоку .bottomContent высоту такую же как и у .bottom У меня правда только IE10 на виртуалке стоит, но я думаю в остальных та же проблема. Подскажите пожалуйста решение, нужно …

    Asked by jangot,

    0 votes
    0 answers

  19. XML тэги в svg файле

    Здравствуйте уважаемые посетители форума. Нужна Ваша помощь. Есть SVG файл в котором находятся как xml так и svg тэги. Задача - отобразить в браузере тэг <g>, который находится внутри xml тэга <XXX:Signal>. Данная задача вообще решаема? <svg width="600px" height="400px" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <YYY> <XXX:Signal> <link linkFrom='LINK_SIGNAL_TO'/> <g class='xxx:signal-class' transform="translate(270, 300)"> <circle fill='#00bf00' stroke='#bfbfbf' stroke-width='1' cx="32.00" r="9.00" cy="8.00"></circle&g…

    Asked by Kosty@n,

    0 votes
    2 answers

  20. помогите свежим глазом определить микро проблему

    сайт http://digga.ru/ <body bgcolor="#FFFFCC" topmargin=0 leftmargin=0 bottommargin=0 marginwidth=0 marginheight=0 rightmargin=0> <table cellpadding="0" cellspacing="0" width="100%" border="0"> <tr> <td class=top align="left" width="195"> самая верхняя таблица (салатовая) по идее должна приклеется к верху страницы, но там почемуто образуется целая строка цвета заданного в body. логики в этом не вижу да и в коде никаких пробелов нет ( если позволяет время, пожалуйста, посмотрите, мне кажется что это что-то очень простое должно быть. Заране благодарю

    Asked by digga,

    0 votes
    3 answers

  21. Нужна помощь с кодом для менюшки

    Доброго времени суток. Вопрос следующий: есть сайт, нужно для него меню сделать горизонтальное- на 3-4 пункта меню, меню будет находиться прям в верхнем правом углу, задача: сделать так что-бы при прокрутке сайта вниз эта менюха так и оставалась вверху. Подскажите что вообще для этого использовать- jQuery или Javascript -я просто по ветке дизайнера развиваюсь и в технической части слаб и только осваиваю её. Спасибо за внимание, всем бобра)

    Asked by Na2SO4,

    0 votes
    8 answers

  22. Ширина одного блока зависящая от присутствия соседнего блока

    Приветсвую. Имееются 4 блока расположенные сеткой, в 4м блоке имеются еще два блока, изначально расположенные друг под другом. Все блоки не имеют фиксированой высоты, ширина блоков изначально одинаковая, во всех блоках текстовое содержимое. Встала следующая задача: При отсутствии блока №2 на его место встает блок №3. а место 3го блока заполняет блок №4 и его дочерние блоки встают горизонтально. Проблема в 4м блоке, не получается оперировать расположением внутренних блоков и самим 4м блоком. Подскажите пожалуйста как решить задачу. На кодпене пытаюсь реализовать, CodePen, у класса .div2 стоит display: none; поставьте block и увидите что 4й блок не уменьшается.

    Asked by AndreyB,

    0 votes
    5 answers

  23. Селекторы CSS

    Здравствуйте, дорогие! Надоело мне сворачивать и разворачивать на Абсурдопедии таблицу категории снизу ручками и решил я сделать для неё стиль в Stylish. Во время написания оного я столкнулся с такой вещью: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("absurdopedia.net") { /* Первый tr - заголовок. Его трогать нельзя. Да, вобщем-то, тогда и вопроса бы не было */ table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(2) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(3) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(4) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(…

    Asked by V.A.R.,

    0 votes
    10 answers

  24. Проблема с текстом внутри блока.

    Всем Доброго времени суток! При верстке макета столкнулся с проблемой выравнивания текста в блоке . Вот сайт http://gallery-kazan.do.am/ Блок "Последние обновленные новости" Ставил: line-height:60px; Но как видите результат вышел довольно - таки плачевным...Что делать?Заранее благодарен!

    Asked by ELBegemotos,

    0 votes
    3 answers

  25. Наложение изображения на фон.

    Ребят помогите разобраться. При создание уменьшенных копий фотографий никак не могу могу осилить создание уменьшенного изображения с наложением на фон, если изображение меньше указанных настроек. Подробнее: Есть изображение. И есть настройки блока для превьюшки. К примеру 60px на 80px. Сейчас сделано так, что изображение ужимается по наименьшей стороне,а большая часть тупо обрезается. но зато блок для отображения превью картинки заполнен полностью, тоесть 60*80, если делать сжимание по большей стороне, то соответственно картинка по какой то стороне меньше заданных размеров, т.к. картинка может быть и широкой или высокой. В общем помогите сделать так если возможно: нужно …

    Asked by DRu999,

    0 votes
    1 answer

  • Обсуждения

    • 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