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. Как добавить всем ссылкам внутри блока атрибут nofollow ?

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

    Asked by kpripper,

    0 votes
    1 answer

  2. Как добавить дефис к пункту меню в цсс?

    Добрый день Сразу к делу. Как можно подпункт меню каждый дедать с дефиса, как на картинке Как на картинке. Заранее спасибо

    Asked by artpol,

    0 votes
    1 answer

  3. как добавить див через :before for ie6?

    <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…

    Asked by bot87,

    0 votes
    6 answers

  4. Как добавить заголовок?

    Уважаемые специалисты! Подскажите, пожалуйста, как добавить заголовок в тегах , чтобы он смотрелся органично в таблице с текстом, либо на месте слова "ГЛАВНАЯ" на главной странице сайта:http://www.stalgarant.ru/

    Asked by NAS 750,

    0 votes
    9 answers

  5. как добавить иконку в инпут?

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR

    Asked by stan07,

    0 votes
    2 answers

  6. Как добавить карту на сайт?

    Подскажите, как добавить карту на сайт? Карта -- имеется в виду, карта адреса. То есть, адрес и указание на карте...Как это делается?

    Asked by Fendia,

    0 votes
    3 answers

  7. Как добавить надпись под авторизацию в Gavik Financial Business

    Как добавить надпись под авторизацию как показано на скриншоте? Пробовал разместить модуль HTML код под авторизацией, но в итоге получал не то, что нужно. Т.к. при нажатии на кнопки появляется всплывающее окно с формой ввода. Демка шаблона: http://demo.gavick.com/joomla16/jun2011/index.php/2011-07-28-18-14-23/categories/financial-adviser/item/3-we-celebrate-your-success Joomla 1.7.5.

    Asked by PandaMan,

    0 votes
    21 answers

  8. Как добавить новый стиль меню

    Возник такой вопрос! Вот Html код меню и его стиль, мне нужно сделать так чтобы для одного пункта меню (Акции) был другой стиль (точнее чтобы этот пункт меню был красного цвета, а при наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!! HTML <tr> <td class="left" valign="top"> <div id="menu"> <div class="m"><a href="/about/" class="menu_a">О компании</a></div> <div class="m"><a href="/news/" class="menu_a">Новости компании</a></div> <div class="m"><a href="/articles/" class="menu_a">Статьи</a></div> <div class="m"><a href="/shop/" …

    Asked by money121,

    0 votes
    3 answers

  9. Как добавить один класс, к разным id

    Извиняйте, не то созал!! я нуб!

    Asked by q13m,

    0 votes
    0 answers

  10. Как добавить рамку фоновому изображению?

    Здравствуйте. Есть ссылка со стилем: a { letter-spacing:0px; text-align:left; padding-left: 20px; text-decoration: none; background:url(../images/rss_16.png) no-repeat; background-position: 0px 4px; background-size:7%; font-size:14px; } можно как-то изменить этот стиль так, чтобы вокруг rss_16.png была рамка определенного цвета в 1px?

    Asked by borus,

    0 votes
    5 answers

  11. Как добавить справа при наведении белую полосу в 1px?

    Вот есть такая менюшка: По задумке дизайнера нужно что бы при наведении на кнопочку менялся фон c появлением белой полоски в 1px в конце кнопки. Это появление полоски я реализовал с помощью border-right: 1px solid #FFF; Из за этого при наведение кнопка расширяется на 1px и соответственно меню прыгает. Может кто знает как решить данную проблему? Вот исходники

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

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

    <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

  13. Как добавить текст в определенное место?

    Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…

    Asked by SFproG,

    0 votes
    4 answers

  14. Как добавить уникальный шрифт?

    Христос Воскресе! У меня при написании сайта возникла проблема: много текста идет уникальными шрифтами, которых нет на web-сервере хостера. Для решения просблемы использовать какртинки - значит загромождать сайт графикой и получить страничку в 1мб и более. Теперь вопрос: можно ли каким-нибудь образом загрузить на сервер уникальный шрифт? Или можно ли прифязать к сайту, страничке отдельный шрифт. Операционная система хостера не виндовс.

    Asked by jasont,

    0 votes
    3 answers

  15. Как добавить фон сверху, при уменьшении экрана

    Есть сайт http://top-usluga.ru/ При уменьшении масштаба экрана,необходимо чтобы в шапку добавлялся фон, и содержимое центрального блока было по середине.. Как такое реализовать? Вот отличный пример

    Asked by Romasa,

    0 votes
    1 answer

  16. Как добавить фон?

    Здраствуйте, не могу понять как добавить белый фон по середине как на скриншоте. Сайт www.uncle.quickkeys.ru Помогите пожалуйста

    Asked by knaus94,

    0 votes
    4 answers

  17. Как добавить фоновое изображение слева и справа?

    Есть заголовок, слева и справа от которого должны быть горизонтальный полоски. Пробовал добавить их с помощью before и after - добавляются только слева, сверху и снизу от заголовка. Нужен кроссбраузерный вариант. Помогите, пожалуйста.

    Asked by IvanRu08,

    0 votes
    3 answers

  18. как добавить функцию JS (onclick) при XSL трансформации?

    В html-файл Я с помощью javaScript ( obj.innerHTML=XML.transformNode(XSL); ) вставляю (сгенирированный XSL трансформацией на основе данных из XML) следующий код html: фрагмент ... <img border="0" src="images/link_03.jpg" width="240" height="182" />... . Вс? работает. НО ЕСЛИ ДОБАВИТЬ к тегу 'img' функцию onclick= SomeFunction('new.xml') получиться ... <img border="0" src="images/link_03.jpg" [b]onclick= SomeFunction('new.xml') [/b] width="240" height="182" />... . То работать не будет. IE, при открытии непосредственно этого XSL-файла, пишет "Требуется строковый литерал, но не найдена открывающая кавычка". Почему? И как добиться желаемого результата? Спасибо…

    Asked by Bolmazov,

    0 votes
    1 answer

  19. Как добавить элементу свойства фокуса?

    Как добавить любому элементу свойства фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.

    Asked by myRoot,

    0 votes
    4 answers

  20. Как добавить этот календарь?

    Для даты рождения нужен календарь ... но как его добавить , что бы вводил 1987-12-28 (год-месяц-день) ??? Как правельно его впихнуть??? http://ui.jquery.com/repository/tags/lates.../#ui.datepicker http://www.samborsky.com/javascript/jquery/233/ Вот ДЕМО- http://www.samborsky.com/sources/datepicker-jquery-ui/ http://www.samborsky.com/sources/datepicker-jquery-ui-2/

    Asked by kavadims,

    0 votes
    0 answers

  21. как добавить якорь?

    есть ссылки index.php?id=1 как правильно добавить якорь к ссылке, что он находил эту страницу и открывал раздел страницы, где указан якорь?

    Asked by sc@r@bey,

    0 votes
    2 answers

  22. Как добиться кроссбраузерности?

    Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...

    Asked by pulsar21,

    0 votes
    2 answers

  23. Как добиться отображаемости?

    Привет, All! подскажите какие есть системные подходы к решению проблемы правильной отображаемости страницы в разных браузерах? вариант сарафанного радио (вариант "кто-то говорил Васе, что нужно делать вот так" явно не системный) спасибо

    Asked by ravend,

    0 votes
    4 answers

  24. Как добиться плавного отображения при transform: rotateY( 180deg )?

    Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; …

    Asked by Sigizmund,

    0 votes
    4 answers

  25. Как добиться такого эффекта?

    Нужен эффект как на 1 картинке. Пытался что-то сделать сам, но бес толку. Получается слишком широкая тень, пытался уменьшить, но получилось еще хуже. Как исправить? На 2 картинке показал проблему + приложил код <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } body { background:#F7F7F7; } #blok1 { margin-left:5%; margin-right:5%; height: 500px; backgro…

    Asked by zaec161,

    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