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. Закрытие аккордеона при открытии следующего

    Здравствуйте. Может, сможете помочь или сказать, где ошиблась. http://kates.cc.ua/main_page/gto/index.html На сайте есть аккордеон, которому задана ширина больше родителя. Но это не так важно, нужно, чтобы открытый аккордеон закрывался при открытии следующего (любого). Меня смущает то, что эта вся хрень навешена на ссылку, может стоит поместить весь блок в шапку аккордеона? Открывается тут http://joxi.ru/zAN5O1DCqqQg29

    Asked by kattiperk,

    0 votes
    2 answers

  2. Не отображает link css style

    как сделать, чтобы после нажатия на кнопку менялся цвет css - точнее, кнопка оставалась нажатой, пока не закроешь окно, а то цвет кнопки и контур меняться только при наведении курсора и все a:link { color: #c00 } /* unvisited links */a:visited { color: #0c0 } /* visited links */a:hover { color: #00c } /* user hovers */a:active { color: #ccc } /* active links */ - просто вписать link не дает результата Нужна помощь в доработке кода

    Asked by lev99,

    0 votes
    2 answers

  3. Как сделать форму подписки полупрозрачной?

    Подскажите пожалуйста, как применить: "background-color: rgba(132, 175, 201, 0.5)" (прозрачность) к форме подписки: <div align="center"> <iframe style="border: 1; padding: 0; border-radius: 10px;" src="http://cdn.inetclick.ru/data/banners/3291/4e20ccf52ccbfac6fe9cf3a7e9a22546/banner.html" width="350" height="210" frameborder="1" marginwidth="0" marginheight="0" "scrolling="no"></iframe> </div> http://cssdeck.com/labs/jpypqzvx http://free-pc.ru/ Спасибо!

    Asked by Марат,

    0 votes
    2 answers

  4. Сайт некорректно отображается в разрешении 1920х1080.

    Я в body создал div, задал ему ширину 900px и выровнял по центру, задав margin слева и справа auto. Ещё добавил text-align по левому краю. Сайт корректно отображается на всех разрешениях, но если у человека 1920х1080, этот div почему-то съезжает вправо так, что левый край находится по центру экрана. Вижу я это через вебвизор яндекса. В чём может быть дело?

    Asked by R45H,

    0 votes
    2 answers

  5. Div прячется под картинку. Как это отменить?

    Здравствуйте! Все мозги сломал уже. Поднимаю с помощью margin блок div, содержимое блока идет сверху, а сам блок со своим бекграунд-колором прячется под картинку. https://www.youtube.com/watch?v=ZEmcwyijGLM&feature=youtu.be Понимаю, что вопрос плевый, и решение простое, но уже выбился из сил его искать. Помогите пожалуйста. Нужно что-бы блок полностью был на фоне картинки. Вот код (выбросил все ненужное, оставил саму суть): HTML <!DOCTYPE html><html> <head><title>qqq</title><link rel="stylesheet" type="text/css" href="styles.css" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> &l…

    Asked by Alok,

    0 votes
    2 answers

  6. XML-документ целиком КРОМЕ одного узла

    Здравствуйте! Можете подсказать мне идею, как скопировать таблицу из XHTML-документа, используя XSL-шаблон, чтобы на выходе получить тот же самый XHTML-документ, кроме дочерних узлов ячейки с атрибутом valign? Пример XHTML-документа: <!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"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <table> <tr><td>Содержимое<span>здесь</span></td><td>Ссылка<a href='#>здес…

    Asked by hike,

    0 votes
    2 answers

  7. Изменение цвета выделения TextBox при нажатии.

    Создал поле ввода текста при помощи <input type="text">, при нажатии выделяется синим цветом. Как сделать чтобы при нажатии выделялся другим цветом, например RGBA(255,255,255,0.5)?

    Asked by lexabard,

    0 votes
    2 answers

  8. Изогнутое меню

    Подскажите, как сверстать такой блок без применения картинок? Верхнюю часть можно сделать блоком с border-radius, нижнюю границу с кружочками - псевдоэлементом и тенями. А вот как изогнуть фон меню + текст внутри ? JS плагины разбивают содержимое пунктов меню посимвольно на span, убирая ссылки в всю внутреннюю структуру - это не подходит.

    Asked by Kelenar,

    0 votes
    2 answers

  9. Не могу вырезать элементы

    Здравствуйте, подскажите пожалуйста, есть макет, когда я отключаю задний фон, то получается: появляются черные пятна, из-за чего это? и как правильно вырезать? зарание спасибо.

    Asked by cruel09,

    0 votes
    2 answers

  10. Верстка html-письма

    Добрый день. Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине. В остальных почтовиках и браузерах все гуд

    Asked by MadChild,

    0 votes
    2 answers

  11. Вопрос

    Что то мне не хорошо, я и я не помню как скрипт из одного файла main.php запихнуть в index.php в нужный блок ? include почему то не работает

    Asked by impt,

    0 votes
    2 answers

  12. Не отображается placeholder в textarea

    Здравствуйте. верстаю страничку на bootstrap3. В textarea прописан placeholder ,но он не отображается, причем placeholder в input отображается. для формы использую только стили bootstrap3 , у input и textarea одинаковые стили. (кастомных стилей для них нет) <input type="text" id="phone2" class="form-control" name="phone" placeholder="Контакты (Телефон):" required > <br/> <textarea type="text" id="message" class="form-control" name="message" placeholder="Комментарии:" required > </textarea>Пробовал задать черный цвет для placeholder textarea : textarea::-webkit-input-placeholder {color:#000;}textarea::-moz-place…

    Asked by ishurgaya,

    0 votes
    2 answers

  13. html5 в дизайне интернет магазинов

    Здравствуйте. Подскажите пожалуйста такую вещь, я решил сделать новый шаблон для старого интернет магазина с использованием тегов html5 для более ясного семантического понимания поисковыми системами(да и нужно идти в ногу с современными тенденциями ).Открыл я перечень html5 тегов вот тут http://htmlbook.ru/html5 Сижу читаю про каждый, думаю какой куда применить. Возникло несколько вопросов, допустим очень интересует оберточный тег для карточек товара на страницах категорий, раньше это был обычный див(часто встречаю что подобное оборачивают в тег li, не знаю на сколько это правильно, в нем идет фотография товара, описание, цена и форма с кнопками, многовато как-то для li …

    Asked by Dolce,

    0 votes
    2 answers

  14. Как лучше и красивее сделать ?

    Здравствуйте. верстаю сайт по макету на бутстрап. есть 4 блокам ,которые пронумерованы. и между ними граница ввиде "плюса". Проблема в том ,что при уменьшении экрана , блоки уходят друг под друга и "плюс" портит весь вид. Как лучше сделать? или может через media запрос убирать стили "плюса" ? или есть решения покрасивее?

    Asked by ishurgaya,

    0 votes
    2 answers

  15. Проблема с меню

    Здравствуйте! Верстаю макет в учебных целях, взятый отсюда - http://font-family.ru/luchshie-besplatnye-psd-makety-sajtov-dlya-verstki/psd-templates-website-01/, и у меня возникли некоторые проблемы, которые никак не выходит решить. Вот ссылка на мою верстку http://site.cy50484.tmweb.ru/ 1. Как у элемента меню HOME убрать hover? 2. HOME должен быть активен, задала дополнительным классом подложку под него, но она слишком высокая, как сделать так, чтобы она была по размеру как hover у других элементов меню? При выставлении ей высоты, или изменения высоты у элементов меню все сползает вверх. 3. Как сделать элементы меню в hovere чуть ближе к правому краю, а не по центр…

    Asked by Lure,

    0 votes
    2 answers

  16. Позиционирование

    Привет, такая проблема: - есть блок в состоянии покоя маленький - только фото; - при наведении курсора блок растет ( принудительно указана фиксированная высота в 500 пикселей), под фото появляется текст. - этот текст был скрыт ( display:none ). при наведении он становится видимым ( display:block ) раз, position:absolute - два. абсолютным для того, что элементы снизу не смещались вниз при резком увеличении блока, а чтобы он их покрывал. Все ок. только когда наводим курсор на блоки в последней строке ( их много) граничащих с футером, то футер прыгает вверх и его верхняя граница фиксируется на уровне середины изображения. Почему может смещаться футер и как сделать так…

    Asked by noobHTML,

    0 votes
    2 answers

  17. Нужна фильтрация элементов на сайте (лэндинге)

    Доброго времени суток уважаемые гуру верстки, програмирования и дизайна! У меня возникла потребность на одностраничном сайте, создать блок с фильтрацией элементов находящемся в нем, порывшись в интернете нашел довольно интересный для меня вариант, http://ruseller.com/lessons/les756/demo/demo_3.html Но у меня возникла большая проблема (так как я совсем не силен в скриптах, пхп и т.п.), мне необходимо сделать фильтрацию двойного уровня, в примере по ссылке - фильтрация + сортировка, мне же нужна просто двойная фильтрация! Помощи прошууу!

    Asked by Shennow,

    0 votes
    2 answers

  18. Автопрокрутка в карусели работает неправильно

    Здравствуйте! Подскажите, пожалуйста, в чём проблема Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку. Дело именно в том, что блок скрыт? Как это можно исправить? Вот ссылка на страницу: http://develop.artedivina.ru/NEW/korzina-new.html

    Asked by Алёна Стрелкова,

    0 votes
    2 answers

  19. возникает пустое место при просмотре в браузере

    Помогите пожалуйста понять что за пустое место HTML <div class="rightblock"> <div class="product"> <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a> <a href="#">кофе</a> </div> </div> CSS .rightblock{ width:690px; height:1039px; background:#ffffff; float:left; margin-left:20px; } .product{ width:135px; height:163px; background:#FFFFFF; border:solid 1px #cde151; display:block; } .product …

    Asked by kalmar,

    0 votes
    2 answers

  20. Некорректное отображение фона в Опере

    Доброго времени суток всем. Есть проблема отображения фона сайта. На сайте http://imghost.vitaliy43.ru в Опере задник выглядит некорректно, переходы между цветами не плавные и незаметные, как в других браузерах, а резкие. Однако тот же самый задник на локальном сайте, под Windows, выглядит абсолютно корректно во всех браузерах. Итак, корректное отображение - Во всех браузерах, кроме Оперы. Некорректное - Только в Опере. Сам фон задается в стилях такой строчкой: background: url(../images/html.png) repeat-y 50% 0 #3B5999; В чем может быть причина такого отображения в Опере?

    Asked by vitaliy43,

    0 votes
    2 answers

  21. Программа, для генерации html кода тэгов <area>

    Здравствуйте, посоветуйте пожалуйста программу. В коде очень много блоков типа: <map name="pic09"><area shape="rect" coords="25,268,128,331" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"><area shape="rect" coords="137,265,237,332" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"></map>в основном таких <area> по 10-15 штук и очень долго запоминать координаты в paint и вписывать их в код. Хотелось …

    Asked by Kostya74,

    0 votes
    2 answers

  22. Не срабатывают мета теги

    У меня не срабатывают мета теги ,когда я делаю анализ сайта (http://pr-cy.ru/a/for-droid.ru)мне пишет что не найдено описание в мета тегах ,и вот как выглядит мета тег главной страницы : <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших смартфонов и игр на платформе Андроид"><meta name="Keywords" content="выбор,смартфоны,Андроид,Android,smartphone,игры,приложения,помощь"><title>for-droid.ru выбор только лучших смартфонов и игр </title><link rel="stylesheet" type="text/css" href="style.css"> </head>Подскажите пожалуйста в чем ошибка .Заран…

    Asked by frolmd,

    0 votes
    2 answers

  23. адаптивная верстка и рассчет пикселей

    Добрый вечер Решил заполнить пробел в своих знаниях о адаптивной верстке - сверстал простенький макет под 1024/980/640/320 px ширины - на мониторе, что на работе, тестировал, уменьшая размер окна при открытом инспекторе, в Chrome - изменения происходят в тех точках, что и нужно - а вот дома решил протестировать - и изменения происходят, если верить инспектору, совсем не в тех точках ширины - то есть они происходят последовательно, при уменьшении/увеличении масштаба, но не так, как хотелось бы. К примеру, изменение вида при переходе на ширину 640px происходит где-то в точке 450px. Есть предположение, что это из-за разных мониторов и разрешений - но точно не знаю. На работе…

    Asked by orange_juice,

    0 votes
    2 answers

  24. Индикатор прогресса

    Для создания индикатора прогресса воспользовалась JQuery UI Progressbar (https://jqueryui.com/progressbar/) Вот, что получилось: Вроде бы отлично, НО нужно чтобы заполнение у индикаторов было разное. Но изменить не знаю как, запрограммировано на один цвет. Может, сюда нужно что добавить? $(function() { $( ".progressbar-1" ).progressbar({ value: 90 }); $( ".progressbar-2" ).progressbar({ value: 85 }); $( ".progressbar-3" ).progressbar({ value: 80 }); });P.S. Если будут предложения сделать индикатор средствами CSS, то это будет сделано после того, если не найдется решение для данного варианта...))) Спасибо.

    Asked by Alfa2015,

    0 votes
    2 answers

  25. Проблема с background-image в IE

    Здравствуйте. Почему в IE так показывает линейный градиент : .line-top:before { content: ""; position: absolute; bottom: -1px; left: -1px; top: 0px; width: 1px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(#104387, #01a4a4); background-image: -moz-linear-gradient(#104387, #01a4a4); background-image: -o-linear-gradient(#104387, #01a4a4); background-image: linear-gradient(#104387, #01a4a4); }А если нужно его сделать влево или вправо , то не показывает : .line-right:after { content: ""; position: absolute; bottom: -1px; left: -1px; right: 0px; height: 1px; backg…

    Asked by ishurgaya,

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