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. Responsive видео+background

    Не могу сообразить как сделать следующее. Делается в Bootstrap 2.3.2. Имеется картинка монитора, в ней видео(допустим iframe) Есть решения на css-tricks Я пробовал - и получается что либо само видео у меня корректно меняет размер, либо бек. Сейчас сама конструкция выглядит как <div class="video"><iframe width="542" height="305" src="http://www.youtube.com/watch?v=niyFA24H5_E?rel=0&hd=1" frameborder="0" allowfullscreen></iframe></div> .video {width: 542px;padding: 28px 29px 0 54px;height: 485px;float: left;background: url("../images/screen.png") no-repeat 25px 0;} Если добавить враппер под респонсивку такого плана .videoWrapper {po…

    Asked by sergik74,

    0 votes
    0 answers

  2. Responsive-таблица + Flexbox

    Здравствуйте. Хочу сделать вот такую таблицу со скролом https://www.w3schools.com/howto/howto_css_table_responsive.asp Все работает, как и в примере https://jsfiddle.net/dvwyLw30/ Но стоить применить для контейнера flexbox (раскомментируйте .container {/*display: flex;*/}), как скролиться начинает уже вся страница, а не таблица. В чем причина? Хочу понять, как это работает. И как мне добиться нужного результата.

    Asked by alex_web64,

    0 votes
    1 answer

  3. 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

  4. rgba + border-radius ( IE )

    Столкнулся с такой проблемой: Нужно сделать блок с полупрозрачным фоном и закругленными углами, везде все хорошо кроме IE( )... Блок делал таким образом: #box { width: 100px; height: 100px; position: relative; background: rgba(0, 0, 0, 0.08); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; behavior: url(/PIE.htc); } для прозрачности в IE в <head> добавил: <!--[if IE]> <style type="text/css"> #box { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000); zoom: 1; } </style> <![endif]--> В …

    Asked by GeSTaM,

    0 votes
    13 answers

  5. RGBA полупрозрачность сильно загружает Chrome

    Не знаю можно ли выкладывать здесь ссылки, поэтому объясню на словах. Сайт активно использует border-radius, shadow, transition и прочие эффекты. Страницы с фиксированным фоном (jpg 1920х1080, background-attachment:fixed). Все три колонки имеют полупрозрачный бэкграунд rgba(0,166,156,0.2), некоторые блоки внутри них тоже имеют полупрозрачность background:rgba(0,0,0,0.5). Я заметил, что в базовом Хроме весьма заметно тормозит скроллинг страницы. Другие браузеры на вебките рендерят лучше, но по сравнению с Firefox и Edge все равно не очень хорошо. Я начал с отключения всей анимации и эффектов, радиусов и теней, и в итоге пришел к заключению, что Хром спотыкается о полупроз…

    Asked by LUC,

    0 votes
    1 answer

  6. Right side

    Приветствую, помогите с правым блоком, никак не получается, пробовал и position, и float Первую половину сделал, а вторую никак не могу http://jsfiddle.net/da2pge3y/

    Asked by Vans,

    0 votes
    1 answer

  7. robot.txt

    Ребята есть такая проблема robot.txt не могу понять, как его правильно написать и нужен ли к нему или вообще sitemap.txt? сайт ekzamen74.ru для него пробовал написать robot, но когда прибегнул к помощи специального сайта и делал тестовую проверку на индексацию - не вышло, пишет не найдет (я вообще запутался с ним ((( ) Прошу помощи у Вас дорогие специалисты! Заранее спасибо!

    Asked by ekzamen74,

    0 votes
    5 answers

  8. Robots

    Здравствуйте! Чем отличается функциональность при написании в robots.txt: Disallow: /wp-admin и Disallow: /wp-admin/ Дело в том, что часто встречаю различное написание. О чем, вообще, говорит последний слэш после имени директории? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    0 answers

  9. robots.txt

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

    Asked by ckunep,

    0 votes
    2 answers

  10. robots.txt

    выложил сайт в нете, нужно ли создавать файл robots.txt никаких ограничение для поисковиков нет.

    Asked by antosha,

    0 votes
    2 answers

  11. robots.txt

    Здравствуйте. Моему сайту (http://kovkavolgograd.ru/) три месяца. Индексируется в яндексе только одна страница. robots.txt брал с интернета. Подскажите какие строчки в robots.txt запрещают индексацию страниц сайта и записей сайта? Disallow: /wp-login.php Disallow: /wp-register.php Disallow: /webstat/ Disallow: /feed/ Disallow: /trackback Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?* Disallow: /*? Disallow: /category/*/* Disallow: /wp-content/ Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /comments С Ув.

    Asked by adgjm90,

    0 votes
    11 answers

  12. robots.txt

    Здравствуйте, как правильно и для всех поисковых систем запретить индексирование конкретной странице вместе со всеми возможными её GET параметрами? Спасибо!

    Asked by Anechka,

    0 votes
    3 answers

  13. robots.txt

    Здравствуйте, у одного из моих сайтов на хостинге находится файл robots.txt с таким содержимым: User-agent: * Disallow: /graphics/ Disallow: /*.jpg$ и мне нужно было сделать запрет на индексирование всей графики в конкретной папке и вообще всех jpg. Думала что я правильно всё сделала но вот сегодня пришло письмо от Яндекс вебмастера в котором говорится о том что сайт полностью запрещён к индексированию в robots.txt. Это ошибка со стороны Яндекса и нужно писать им или у меня действительно не правильно заполнен этот файл для решения своей задачи? Спасибо!

    Asked by Anechka,

    0 votes
    2 answers

  14. robots.txt для GOOGLE

    помогите улучшить robots.txt чтобы google лучше индексировал ну и другие боты,может что исправить можно??))) User-agent: * Disallow: /a/ Disallow: /stat/ Disallow: /index/1 Disallow: /index/2 Disallow: /index/3 Disallow: /index/5 Disallow: /index/7 Disallow: /index/8 Disallow: /index/9 Disallow: /panel/ Disallow: /admin/ Disallow: /secure/ Disallow: /informer/ Disallow: /mchat Disallow: /search Sitemap: http://www.сайт.com/sitemap.xml User-agent: Yandex Disallow: /a/ Disallow: /stat/ Disallow: /index/1 Disallow: /index/2 Disallow: /index/3 Disallow: /index/5 Disallow: /index/7 Disallow: /index/8 Disallow: /index/9 Disallow: /panel/ Disallow: /admin/ Disallow: /secure/ Dis…

    Asked by pikamsk,

    0 votes
    5 answers

  15. rollOver и Опера

    Проблема не новая, конечно, но конкретного ответа найти не могу, в том числе в поиске форума. Не работает rollOver в ролике (только в Опере). Делал в Sothink SWF Easy В остальных браузерах все норм, а в Опере нужно сначала кликнуть потом только начнет работать наведение мыши. Говорят это свойство Оперы. Как это обойти, я не эксперт в этой теме.

    Asked by victorz,

    0 votes
    4 answers

  16. Rollover и ссылка

    Доброе время суток! Подскажите пожалуйста,возможно ли поставить на Rollover картинку ссылку,ибо DW 8.0 яро ругается на это и преобразует Rollover в обычную статичную картинку.заранеее спасибо

    Asked by Stigmat,

    0 votes
    4 answers

  17. Rollover+Preload

    Нужно сделать замену изображений при наведении с пердварительной загрузкой. В гугле полно вариантов. Десяток уже испробовал - ни один нормально не работает. Нужно хотя бы Opera9+IE6. Через css работает, но масштабироваться не хочет. А ява масштабируется, но не работает. Написанный ниже оказался наиболее рабочим из десятка найденных. В Opera 9 вс? нормально. Но в IE 6 каждое изображение на странице при наведении заменяется на белый фон. Видать это из-за условия if (a.tagName=="IMG"). Как сделать ЕСЛИ "имя файла" = home ИЛИ mail? <html> <head> <title>Смена картинки при наведении мыши</title> <script> var img1=new Image(); img1.src="home.gif";…

    Asked by Мимо шел,

    0 votes
    3 answers

  18. rotate jQvery

    Здравствуйте! Помогите пожалуйста! Мне нужно что бы на центр экрана выкатывалось изображение, выезд его я сделал, да и прокрутку тоже, только вопрос как мне ее остановить после того как изображение выкатилось на центр экрана? <!DOCTYPE html><html> <head> <meta charset="utf=8" /> <title>1</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="jquery.min.js"> </script> <script type="text/javascript" src="js/jqueryrotate.2.1.js"></script> </head><body><img src="img/tarel.png" alt="" id="rotateImg" style="position: absolute; top:250px; "/…

    Asked by dimka2311,

    0 votes
    0 answers

  19. rotate для IE

    Была проблема с rotate для осла 8. Проблему решил filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Но теперь надписи съехали влево. Как сделать отступ их только для ИЕ без догрузки лишнего файла стилей для ие? Пример тут, во всех браузерах кроме ИЕ, надписи "События:Все Лучшие" на своих местах (справа от логотипа)

    Asked by Tchorteg,

    0 votes
    0 answers

  20. Row span наоборот

    Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)

    Asked by stardel,

    0 votes
    4 answers

  21. Rowspan - Проблемма!!!

    Вобщем все шло гладко, пока не напоролся на баг! Вобщем создал таблицу, дабы разместить содержимое страницы в порядке. Создал таблицу с тремя колонками, одна для эскизов, другая для описания, третья для другого содержимого. Но дело в том, что последняя строка (левые 2 нижние) растягиваются под правую ячейку, а мне это не надо, мне надо как показано на скрине: Вобщем галимо как-то смотрится: Вот код (точнее макет), сам код можно гянуть тут http://dnipro.dp.ua/ <table border="0" align="center"> <tr height="60"> <td width="80">ячейка 1</td><td width="65%">ячейка 1</td> <td width="35%" rowspan="5">ячейка 2</td> </tr> &…

    Asked by Пятница,

    0 votes
    22 answers

  22. rowspan не проходит html 5 валидацию

    Фрагмент кода: <table class=flt_img> <tbody> <tr> <td> ТИП</td> <td colspan="6"> 560 GX</td> <td> Изображение</td> </tr> <tr> <td> Диаметр шланга, мм</td> <td> 82</td> <td> 63</td> <td> 70</td> <td> 70</td> <td> 75</td> <td> 75</td> <td rowspan="6"> <a href="/thsstfls/files/images/irrigator/560.jpg"> <img src="/thsstfls/files/images/irrigator/560s.jpg" alt="катушечный ирригатор" height=135 width=100> </a> </td> </tr> <tr> <td> Длина шл…

    Asked by Neokortex,

    0 votes
    2 answers

  23. rowspan отменяет высоту ячеек в ie. можно это обойти?

    Вот картинка с отображением моей таблице в фф и ие соответственно: вот мой код <table border="1" height="200"> <tr> <td height="5" style="padding: 3px;">Название</td> <td style="padding: 3px;">Карточка записи</td> <td style="padding: 3px;">Название</td> </tr> <tr> <td height="10"></td> <td height="10" rowspan="999" style="background-color: #fff; padding: 10px 30px;"> <div style="border: dashed 2px gray; width: 600px; height: 600px;"></div> </td> <td height="10"></td> </tr> <tr> <td height="10" style="padding: 3px;">1…

    Asked by Xoce,

    0 votes
    14 answers

  24. RSS

    Завёл для сайта RSS, добавил такую строку. <link rel="alternate" type="application/rss+xml" title="WebReference.ru" href="//feeds.feedburner.com/webref"> И ничего. Раньше хоть в адресной строке браузера иконка RSS была. Теперь как вообще RSS использовать и подключать?

    Asked by Vlad,

    0 votes
    1 answer

  25. RSS в движке

    Здравствуйте, помогите пожалуйста вот с чем: есть сайт на движке, если не ошибаюсь Rage CMS. Нужно добавить RSS с нашими новостями на сайт, но я не знаю в какое место в движке копировать код.

    Asked by ElusiveMoth,

    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