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 nightgremlin,

    0 votes
    2 answers

  2. Высота блока (Использование вложенных слоев)

    Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…

    Asked by creaturee,

    0 votes
    5 answers

  3. Проблема с обходом формы клавишей TAB

    Добрый день! На сайте http://1litr.elitmaster.com/ есть форма авторизации в правом блоке. Если поставить курсор в поле "Логин" и нажать tab, фокус переносится на форму поиска в левом блоке сайта, а не на поле Пароль ниже. С чем это может быть связано и как решить данную проблему?

    Asked by alexandr87m,

    0 votes
    2 answers

  4. Резиновое меню при помощи таблицы

    Я начал заниматься версткой совсем недавно и хотел бы узнать. Хочу сделать резиновое меню на сайте, но возник один вопрос - можно ли сделать меню через таблицу, как показано на рисунке:Сейчас поясню, то есть каждая ячейка (кроме 1 и 2 на рисунке) при наведении будут выдавать выпадающий список. При этом, насколько я понимаю, при наведении на ячейку, выпадающий список появляется в виде таблицы. Возможно ли это?

    Asked by Bryant-24,

    0 votes
    11 answers

  5. Вопрос относительно background-position

    Здравствуйте, меня интересует такая возможность. На картинке приведен пункт меню в положении hover, в этом положении для пункта меню задается background-image повторяющаяся вдоль координаты X. Повторяющейся картинкой заполняется полностью пункт меню от левого края до правого, как можно сделать так, что б по ширине заполнялся не полностью, а от левого края до правого, не доходя 1-2 пикселя до правого края ?

    Asked by Edward,

    0 votes
    2 answers

  6. Редактирование текста в span-е

    Хотелось бы уточнить. Так как в span-е уже не применишь заголовки и параграф, остается применить спан в спане для отдельных слов? Такая практика принята или есть другие методы? И еще, strong и em ведь тоже строчные элементы?

    Asked by Анна,

    0 votes
    8 answers

  7. Как изменить ссылки локального сайта ?

    Как перед загрузкой на хостинг изменить ссылки локального сайта на те, которые должны быть в действительности ?

    Asked by kpripper,

    0 votes
    3 answers

  8. Как сделать верстку

    Имеется PSD макет: Как примерно сделать верстку? Разбить его на два блока? Интересует план верстки, при котором его лучше сверстать.

    Asked by Bryant-24,

    0 votes
    6 answers

  9. Свой стиль для конкретного слова

    Уважаемые спецы верстальщики, подскажите как сделать стиль для конкретного слова? Скажем у меня есть название Бренда и мне нужно чтобы оно везде где не встречается в текстовом виде всегда писалось с заглавной буквы. В любой части предложения и в любом теге. Я точно знаю что так можно сделать. Кто знает секрет?

    Asked by toch-no,

    0 votes
    17 answers

  10. Pixel Perfect для Mozilla 6.01

    Здрвствуйте! При установке 6-ой Mozilla столкнулся с проблемой того что в ней не работает дополнение "Pixel Perfect"! Подскажите кто знает существует ли какой нибудь выход в данной ситуации? Возможно есть какая нибудь альтернативная программа для точной сверки положения макета относительно верстки! P.S. Буду признателен за любые ответы...

    Asked by Yamaradg,

    0 votes
    15 answers

  11. Сайт из нескольких сраниц?

    Кто может скинуть или показать сверстанный сайт состоящий из 3, 4 страниц, чтоб посмотреть, как связываются между собой страницы, а в том числе и общий файл css. Чтобы шаблон был кросбраузерный, валидный, очень надо, помогите пожайлуста?

    Asked by Sergey410,

    0 votes
    24 answers

  12. Проблема отображения select в IE

    Всем привет. проблема с отображением тега select со своим дизайном. Помогите разобраться как использовать свой дизайн для блока select Вот HTML код: <div><select><option>65x44x16,5</option></select></div>CSS код: div { width:134px; height:25px; background:url(../images/select4.jpg); display:inline-block; z-index:1;}div select { border-radius: 0; background: transparent;; padding: 3px; border: 0; font-size: 14px; line-height: 1; -webkit-appearance: none; cursor:pointer; width:134px; height:25px; z-index:0;}Вот как отображается в Yandex бразуер: Как отображается в IE:

    Asked by Aidakaev,

    0 votes
    3 answers

  13. валидатор

    <link href="http://fonts.googleapis.com/css?family=Roboto:400,100,300|Roboto+Condensed&subset=latin,cyrillic-ext"rel='stylesheet'> подключаю этот шрифт, не проходит валидацию. вот что пишет валидатор w3c почему так и как можно решить проблему?

    Asked by raptor-dm,

    0 votes
    6 answers

  14. Небольшой вопрос о Notepad++

    Здравствуйте! Я начинающий пользователь. На курсах HTML мы работаем в Notepad++, установил её у себя на компьютере. Собственно сам вопрос. Как в Notepad++ включить функцию (незнаю как называется) которая окрашивает код в синий и красный цвет. Дабы это подсказка как я понял. Создал документ с форматом html, теги прописываю правельно но почему то все в черном шрифте. А вот если открыть файлы с которыми я работал на занятиях то всё в порядке. А то сложновато уследить не допустил ли я где ошибку в коде. Спасибо!

    Asked by Didorri,

    0 votes
    3 answers

  15. Как сделать круглые уголки у таблиц?

    сабж, border-radius: 20px; не работает

    Asked by AquaGen,

    0 votes
    2 answers

  16. Выравнивание по вертикали в теге li

    Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }

    Asked by LuxCore,

    0 votes
    4 answers

  17. Навороченное меню из блоков

    Есть такое мега-крутое меню Верстается оно исключительно вручную и "на века"... У меня возникла проблем. На скрине красным отмечены пункты которые стали неактивными... Их можно подтянуть повыше? Вот код ХТМЛ: <div id="page-top"> <div id="actions"><a href="#"><img src="images/buttons/actions.png" alt="Акции"></a></div> <div id="models"><a href="#"><img src="images/buttons/models.png" alt="Модели"></a></div> <div id="games"><a href="#"><img src="images/buttons/games.png" alt="Игры"></a></div> <div id="deposits"><a href="#"><img src="images/buttons/deposits.pn…

    Asked by skiph,

    0 votes
    3 answers

  18. Вертикальное выравнивание декста в div

    Помогите новичку с вертикальным выравниванием .. Создаем div,задаем ему ширину и высоту, ставим фон, помещаем в этот див текст. Текст прилипает книзу и никакими valign или vertical-align центроваться не хочет. Например HTML <div id="catalog" > <div id="uslugi">Услуги</div> <div id="price"><Стоимость</div> <div id="contacts">Контакты</div> </div> CSS #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } #uslugi{ width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #p…

    Asked by veromi,

    0 votes
    9 answers

  19. Убратие отступа.

    Как убрать отступ между шапкой и фреймом в отдельной ячейке таблицы? <table align="center" width="1660" height="50" border="1"> <td width="20%" height="1500"><iframe src="....>четыре</td> <td width="60%" height="1500"> <iframe src="....." frameborder="0" width="100%" height="44%" frameborder="0" marginheight="2" marginwidth="0">Loading...</iframe> </td> </table>

    Asked by Didorri,

    0 votes
    2 answers

  20. Длинный текст выступает за пределы страници левой колонки, как это можно изменить?

    Длинный текст выступает за пределы страници левой колонки, как это можно изменить? Каким способом его можно вместить в главную колонку.

    Asked by banzaj,

    0 votes
    1 answer

  21. Вертикальное выравнивание по центру li a текста

    Долго думал в какой раздел пихнуть, сюда или в раздел "проблемы верстки". Решил что раз я тут только что зарегестрировался, то надо пихать в этот раздел, если я не прав - переместите. Задача : Сделать на тулбаре список ссылок-кнопок. Чтобы не быть пустомелей вот скрин (Стрелка на скриншоте заменяет курсор потерянный при printscreen) Причем чтобы при наведении курсором эта область затемнялась (как на скриншоте) Также чтобы вся выделенная область была ссылкой Проблема : Как видно на скриншоте выше, текст лежит сверху. Теперь собственно общий вопрос: Как выровнять текст вертикально по центру находящийся внутри li a, при условии что a растянут на всю ширину li. Или подскажит…

    Asked by Fedcomp,

    0 votes
    10 answers

  22. Вопрос по верстке

    одежда для новорожденных детям автокресла детям детские коляски детям коляски для кукол детям электромобили детям стульчик для кормления детям конверт для новорожденного детям конверт для новорожденного зимний детям одеяло конверт для новорожденного детям зимние комбинезоны для новорожденных детям

    Asked by Bublik,

    0 votes
    1 answer

  23. Система постов и форум

    Здравствуйте, уважаемая администрация и участники данного проекта! Скрипты html и css я уже прошёл (ну и сейчас прохожу ещё просто по спискам справочника) У меня есть вопрос, что мне нужно делать пошагово, чтобы на странице в дальнейшем у меня было как и на этом сайте система авторизации пользователя (профиль) и тп., а так же система постов, где каждый может оставлять свою надпись (например, как на этом сайте, не сочтите за рекламу). То есть там выбираешь раздел и можешь написать свой пост. При этом, чтобы посты появлялись после одобрения администрации, и чтобы можно было прикреплять медиа-файлы, комментировать другим пользователям, и что очень важно сортировать их по дат…

    Asked by Raider,

    0 votes
    8 answers

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

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

    Asked by bam,

    0 votes
    19 answers

  25. Хранение контента.

    Здравствуйте! Так как я новичок в создании сайта интересует следующее. Допустим создал я сайт наполнил его контентом. Вопрос - где его лучше хранить? Ведь если хранить все файлы на своем компьютере и вдруг что-нибудь произойдет к примеру вирус или сдох носитель информации то соответственно возникнут проблемы. Существует ли какой-нибудь ресурс "подстраховки" где можно хранить всё что связанно с сайтом?

    Asked by Didorri,

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