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. Как сделать, ссылку на ввод в текстовое поле?

    Здравствуйте! Есть поле для ввода числа: <input id="<?=$ID ;?>" type="text" value="<?=$QUANTITY ;?>" /> Нужно сделать ссылки "+" и "-". чтобы при клике на них значение атрибута value увеличивалось или уменьшалось на 1 и вводилось в поле, как при нажатии enter.

    Asked by Koroed,

    0 votes
    3 answers

  2. объединить необъединимое

    Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <table> <tr> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="240px" height="250px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.…

    Asked by stalker_2000,

    0 votes
    12 answers

  3. Принцип работы меню

    Здравствуйте. Подскажите, как работает это меню, а именно, каким образом происходит появление подменю, при наведении на элемент меню. А то что-то не доходит. Моя ссылка html <html> <head> </head> <body style="background:#bbb;"> <div id="nav"> <ul class="select"> <li><a href="#"><b>1</b></a> <ul class="sub"> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </li> </ul> <ul class="current"> <!-- <<<== активное меню --> <li><a href="#"><b>4</b></a></li> </ul> &lt…

    Asked by maceraty,

    0 votes
    3 answers

  4. Пусть музыка играет

    Слабонервным не читать: я ставлю музыку на сайт. Извините, заказчик уж очень просил. Итак, на странице флэш-плеер, который играет замечательную музыку. Однако, при переходе на другую страницу, плеер также перезагружается, и музыка начинается снова. Заказчика это расстраивает. Он хочет, чтобы посетитель гулял по сайту под непрерывную музыку. Как такое можно реализовать малой кровью? вариант с переписыванием сайта на аяксе рассмотрели, руководство отвергло: заказчик столько не платит; вариант с фреймами рассмотрели, руководство отвергло: моветон (это при музыке-то на сайте!); какие ещё могут быть варианты? У меня фантазия закончилась, взываю к коллективному разуму.

    Asked by wildhind,

    0 votes
    3 answers

  5. Навигационная кнопка

    Добрый день, извиняюсь если вопрос не корректно поставлен или такие темы были. Хочу такое. Подскажите скрипт. Спасибо.

    Asked by arturhome,

    0 votes
    5 answers

  6. проблемы с @font-face и "Private Sans"

    Добрый день. На сайте надо подключить шрифт "Private Sans". В инете нашёл кроссбраузерный вариант подключения шрифтов и сервис для конвертации. Конвертировал три варианта шрифта "regular", "italic" и "bold". В полученном архиве было указано правило для подключения шрифта (три варианта) @font-face { font-family: 'PrivateSansRegular'; src: url('../fonts/pvs55-webfont.eot'); src: url('../fonts/pvs55-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pvs55-webfont.woff') format('woff'), url('../fonts/pvs55-webfont.ttf') format('truetype'), url('../fonts/pvs55-webfont.svg#PrivateSansRegular') format('svg'); font-weight:…

    Asked by slo_nik,

    0 votes
    19 answers

  7. Css-меню и сепараторы

    Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…

    Asked by param,

    0 votes
    2 answers

  8. Отображение ссылки-картинки

    Подскажите пожалуйста где искать ошибку. Ссылка должна отображать кнопку-картинку, а:hover должен отображать иную кнопку-картинку. <ul id="Nav5"> <li><a href="home"></a></li> <li><a href="solutions"></a></li> <li><a href="products"></a></li> <li><a href="about"></a></li> <li><a href="contacts"></a></li> </ul> #Nav5 { height: 38px; width: 495px; border: 1px dotted #F00; list-style-type: none; position: absolute; left: 500px; top: 50px; } #Nav5 li { display: inline; margin-right: 5px; border: 1px solid…

    Asked by seemax,

    0 votes
    6 answers

  9. Подключаемые шрифты в Win 7

    Привет! Проблема такова. Я подключаю шрифты следующим образом @font-face { font-family: 'HeliosC'; src: url('../font/HeliosC.otf'); font-family: 'HeliosCBold'; src: url('../font/HeliosC-Bold.otf'); } @font-face { font-family: 'HeliosThin'; src: url('../font/HeliosCondThinC.otf'); } Кроме браузеров в Win 7 везде подключаются..как так??

    Asked by Lincky,

    0 votes
    11 answers

  10. Помогите, с меню

    Здравствуйте, Собсна имеем вот-такой CSS-код: a.header_banner_button{background:#00F;width:230px;height:40px;margin-left:500px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button:hover{background:#36F;} .header_banner_link{text-decoration:none;color:#FFF;font-size:14px;margin-top:10px;display:inline-block; margin-left:20px} a.header_banner_button1{background:#00F;width:230px;height:40px;margin-left:100px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button1:hover{background:#36F;} И вот такой HTML-код: <div class="header_banner"><a class="header_banner_button" href="#"><sp…

    Asked by camperofcamper,

    0 votes
    2 answers

  11. Как сделать всплывающую картинку с текстом

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

    Asked by alleclf,

    0 votes
    2 answers

  12. Подгон img под ячейки

    Есть ячейка (ячейки) ({table-layout:fixed}), в нее с базы вставляются картинки. Как сделать так, чтоб картинки сами пропорционально подгонялись под ячейки. Все картинки имеют разный размер от маленьких до огромных.

    Asked by seowebster,

    0 votes
    2 answers

  13. проблема с сестринским селектором

    некорректное отображение в ie7 и ie8. сестринские селекторы(СС) поддерживаются с ie7+ видно проблема при использовании СС и псевдо-классов если кто-то сталкивался - помогите решение через javascript не интересует <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>help</title> <style> div{ position:relative; width:200px; height:50px; margin:100px 0 0 100px; } input{ position:absolute; width:180px; height:30px; top:10px; left:10px; } span{ position:absolute; color:#000; top:16px; left:15px; } div input:focus+span{ color:red; } </style> </head> <body> <div> <input type="text"&gt…

    Asked by dmutro,

    0 votes
    2 answers

  14. Отделить картинку от текста

    Имеется сайт: Ссылка Требуется отделить картинку от текста в этом блоке: Скрин , т.к в этом css: .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} при изменении параметра padding:0px 0 14px 0 перемещается не только текст, но и картинка. CSS: .image {float:left;margin-right:3px; height: 35px; width:27px;border:1px dashed purple;padding:1px;} .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} HTML: <div class="eTitle" style="text-align:left;"> <a href="$IMG_URL1$" onclick="return hs.…

    Asked by a1m,

    0 votes
    6 answers

  15. Rewrite в .htaccess при наличии QUERY_STRING

    update: Ответ я нашёл, но родился другой вопрос (в следующем сообщении) Поиск не помог мне ответить на этот вопрос, так что обращаюсь к вам. Есть сайт собранный с применением SSI, может он и не лучшим образом собран, но работал. И тут я озаботился редиректом с www.digga на просто digga В .htaccess добавил RewriteEngine On RewriteCond %{HTTP_HOST} ^www.digga\.ru$ [NC] RewriteRule ^(.*)$ http://digga.ru/$1 [R=301,L] Он работает в 90% работает. 10% выпало на ссылки с QUERY_STRING Имя файла вставляемого в шаблон Silnoe Koldunstvo.bg.shtml В шаблоне следующий код: <!--#if expr="$QUERY_STRING" --> <!--#include virtual="$QUERY_STRING.bg.shtml" --> <!--…

    Asked by digga,

    0 votes
    11 answers

  16. Как показать сайт?

    Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо

    Asked by Yarkaya,

    0 votes
    5 answers

  17. Вопрос новичка

    Ну как-бы решил научится языку HTML,нашел пару интересных,познавательных сайтов и начал осваивать по маленьким шагам. И я не знаю правильно или нет,но как бы кое что запомнил и усвоил,и теперь хочу спросить,правильно или нет. На том сайте я читал что это как бы уже устаревшая версия 3.2. И как я уже успел понять,что существуют версии этих кодов типа как 2.0 либо 3.2 и.т.д. Так во первых хотелось бы понять чем отличаются эти версии одни от других. Во вторых мне бы по больше хотелось бы узнать значения самих обозначений\кодов,например: что значит DOCTYPE HTML PUBLIC и W3C. А DTD HTML 3.2 Final это как я понял сама версия. И на данный момент последний вопрос с такой кодиров…

    Asked by Mufasa2011,

    0 votes
    7 answers

  18. в какой программе они это сделали?

    Друзья, вот на этом сайте www.ferrum-n.ru мне оооочень нравится, как выполнено лого. с помощью какой программы можно такое сделать?adobe flsch, adobe after effects? заранее благодарю

    Asked by OlgaTor,

    0 votes
    5 answers

  19. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

  20. Почему не работает шрифт ?

    Вот к этому блоку прописан шрифт, но он почему-то не работает. То есть работает частично (см.картинку). Почему так случилось ?

    Asked by kpripper,

    0 votes
    1 answer

  21. Большой беграунд

    Обычно старался избегать использования больших изображений в качестве фона для веб-страницы. Но вопрос назрел. А тут мало того, что разрешений мониторов тьма, так еще и различные мобильные девайсы… Кто сталкивался, может поделитесь соображениями из личного опыта? Либо может есть какая-нибудь аналитическая статейка, или фреймворк. Спасибо. ЗЫ: подразумевается no-repeat изображение, вероятнее всего 100% по ширине и высоте

    Asked by abused,

    0 votes
    4 answers

  22. Имитация консоли

    Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html

    Asked by Tmin10,

    0 votes
    3 answers

  23. float-поведение без переноса

    Подскажите пожалуйста, как такого добиться. Если содержимое зеленого блока может обтекать синий - это стандартная ситуация, а так - я не знаю.

    Asked by leventov,

    0 votes
    7 answers

  24. Шаблон для joomla

    Нашел сайт на joomle, шаблон понравился... Где-то встречал ранее. Но где?? Может кто встречал. http://www.rus-master.com/ Помогите страдаю(

    Asked by penchukov,

    0 votes
    1 answer

  25. Перевод pt в px ?

    Размеры шрифта в макете заданы в пунктах (12pt). Нужно ли эти размеры при верстке переводить в px или em ? Если да , то как это сделать ? Спасибо.

    Asked by Melnik,

    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