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. CSS свойство transition и Chrome

    Всем здравствуйте. Разрабатываю ресурс на Wordpress (если это важно). Работа пока проходил на локале. Решил применить CSS свойство transition для плавного изменения цвета названия категории при наведении курсора. Использовал код: ul#catmenu li a { text-align:center; font-size: 1.0em; font-weight: bold; color: #737373; transition: all .20s linear; -moz-transition: all .20s linear; -webkit-transition: all .20s linear; -o-transition: all .20s linear; } Сначала думал применить данное свойство совместно с псевдоклассом hover, но тогда плавность работает при наведении, но если убрать курсор, то цвет меняется к первоначальному резко, без анимации. Тому применил свойст…

    Asked by Dayks,

    0 votes
    6 answers

  2. Есть несколько вопросов

    1.Почему не работает тень для img при задании inset? 2.Возможно ли стандартными средствами изменить вид <select> там стрелочку поменять и т д? 3.Валидно ли применять id и class к form? 4.Как вставить нестандартный шрфит в сайт? есть файл Futuris Cyrillic.ttf и нижеприведённый код, но ничего не работает, шрифт не меняеться? * { margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align:baselinebaseline; } @font-face { font-family:"Futuris Cyrilic"; src:local("Futuris Cyrilic"), url(../fonts/Futuris Cyrillic.ttf) format("ttf"); font-style: normal; font-weight: normal; } p, html, body, #all { font-size:14px; font-family:"Futuris Cyrilic"; line-heigh…

    Asked by strangerliquid,

    0 votes
    4 answers

  3. проблема с margin

    вот простой пример - http://jsfiddle.net/keut3/ Почему так выходит? Ведь у вложенного дива (.panel) отступы должны браться относительно родителя (.phone)? А выходит, как будто margin задан body. Как исправить? Наверно, это как- то связанно с Margin Collapsing? Никогда его смысла не понимал...

    Asked by Odrin,

    0 votes
    11 answers

  4. отрицательный margin-right ie6

    приветствую всех. Наткнулся на неизвестный мне ранее баг в 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" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Заголовок страницы</title> <style> .parrent { width: 50…

    Asked by infamous,

    0 votes
    0 answers

  5. Background и аккардеон

    Здравствуйте. Делал аккордеон и столкнулся с неожиданной проблемой, не отображается background в виде картинки, в тоже время если задавать просто цвет, то всё отлично работает. Html: <div id="eventaccordion"> <h4 class="mooblock-title mb1_1t">Заголовок</h4> <div class="mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div> <h4 class="mooblock-title mb1_2t">Заголовок</h4> <div class="mooblock-el mb1_2e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0…

    Asked by param,

    0 votes
    16 answers

  6. как сделать меню?

    http://divhack.com/downloads/study/1/ может кто подскажет как сделать такое же меню (фикс) без таблиц?

    Asked by olechic,

    0 votes
    8 answers

  7. Как сдвинуть изображение маркированного списка

    Есть сайт на этом шаблоне. Подпункты меню сделаны маркированным списком. Маркером является png изображение. После уменьшения интерлиньяжа маркеры никуда не сдвинулись в то время как сами пункты меню выглядят как мне надо. Как всё выглядит в демо шаблона: Как выглядит у меня: Как мне подвинуть маркер повыше ? Код отвечающий за интерлиньяж и маркер:

    Asked by PandaMan,

    0 votes
    13 answers

  8. Вставить видео на страничку

    Добрый вечер! Люди помогите пожалуйста - как вставить видео на страничку.

    Asked by sparta,

    0 votes
    8 answers

  9. "прилипить" div к низу родительского дива?

    Здрвствуйте! Скажите пожалуйста - как "прилипить" div к низу родительского дива?

    Asked by igor3310,

    0 votes
    1 answer

  10. Позиционирование от родителя

    Подскажите, как сделать чтобы блоки позиционировались относительно картинки фона, которая закреплена по центру, а не от края браузера? Всё делал как в инструкции на этом сайте, но это не сработало - в чем же проблема? <div class="mainfon"> <div class="logo1"> надпись </div> </div> body { background-color:#FFF; margin:0px; padding:0px} div { display:block} .mainfon { height:925px; width:1365; background-image:url(images/mainfon.jpg); background-repeat:no-repeat; background-position:center} .logo1 { position: absolute; width:222px; height:25px; border:#F00 solid 1px}

    Asked by Hum9k,

    0 votes
    4 answers

  11. overflow: auto; ipade не отображается полоса прокрутки

    На сайте есть блок текста, прокручивается скроллингом. .text { margin-top: 20px; width: 100%; height: 510px; padding-right: 20px; overflow: auto; } во всех браузерах все работает, на ipade текст прокручивается, но ползунка нету. В чем может быть проблема?

    Asked by vasilisa1210,

    0 votes
    3 answers

  12. Стили тегов для определенного div

    Как задать стиль для всех абзацев отдельно взятого div?

    Asked by apexis,

    0 votes
    3 answers

  13. снова кроссбраузерность

    Всем привет! Люди помогите, посоветуете! не могу разобраться( Сайт в версиях ie7,6 отображается хорошо, а в ie8 выводит строку "<link rel="stylesheet" href="/templates/tesyt/css/", весь код перерыла, ответа так и не нашла как разобраться? можно ли в коде написать если браузер ie8 чтобы выводил сообщение, типа "установите режим совместимости или войти через другой браузер" или же можно с этой строкой разобраться? пожалуйста помогите, подскажите Буду ждать от вас ответа Спасибо заранее

    Asked by maral,

    0 votes
    9 answers

  14. <noindex>, rel="nofollow"

    Интересует такой вот вопрос. Если сылка взята в тег <noindex> и указано rel="nofollow", смогу я увидеть тогда сайт который ссылается на мой сайт? <noindex> <a href="" rel="nofollow"> </noindex>

    Asked by Alex&R,

    0 votes
    9 answers

  15. PHP код

    Доброго времени!!!Ребята немогли бы Вы подсказать или направить на нужную инфу. Есть база с 20 уроками как мне вывести их по 10 на одну страницу сайта и внизу ссылка на вторую с остальными ур. База будет расширяться.Что надо писать для каждых десяти FROM lessons ORDER BY id LIMIT 1,10 или есть проще способ <? $result = mysql_query ("SELECT id,title,meta_d,meta_k,date,description,text,author FROM lessons",$db); $myrow = mysql_fetch_array ($result); do{ printf("<table align='center' class='urok'> <tr><td class='urok_title'> <p class='urok_name'><a href='view_urok.php?id=%s'>%s</a></p> <p class='urok_in…

    Asked by SVitekD,

    0 votes
    3 answers

  16. Помогите найти вредоносный код на сайте

    Здравствуйте на моем сайте яндекс обнаружыл вредоносный код, помогите найти очень прошу вот сайт http://imedia.3dn.ru/ в последние время новых скриптов не ставил, на сайте стит виджен коментарие от в контакте, думаю может проблема в нем? прошу помощи.

    Asked by Yura1,

    0 votes
    21 answers

  17. Див ростянуть до низу

    Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера

    Asked by myav4ik,

    0 votes
    3 answers

  18. Проблема с background сайта

    Здравствуйте, столкнулся с такой проблемой, а точнее с бэкграундом: И никак немогу догнать как его правильно сверстать, чтоб он тянулся и по горизонтале и по вертикале (получается только чтоб тянулся по горизонтале) А вот по вертикале проблемка: <div id="cont_hbg"><div id="cont_bbg"><div id="cont_lbg"><div id="cont_rbg"><div id="cont_h_l"><div id="cont_h_r"><div id="cont_b_l"><div id="cont_b_r"> тут контент </div></div></div></div></div></div></div></div> #cont_h_l {background:url(../images/profile/cont_h_l.png) no-repeat top left;} #cont_h_r {background:url(../images/pr…

    Asked by Sprime,

    0 votes
    3 answers

  19. Опять про масштабирование изображения

    Всем привет! Есть такая задача. Имеется сайт с большими фотографиями на страницах разделов. Фотографии имеют разрешение 1200х860px. Сейчас, если открыть сайт на ноуте, то фотки образаны снизу, поскольку часть экрана занимает верхняя панель броузера и шапка сайта. Выглядит погано. Задача состоит в том, чтобы при запуске сайта на ноутбуках с экраном 15" и менее эти фотографии пропорционально уменьшились относительно размеров окна браузера, оставаясь на нужном месте. А теперь, внимание, главный вопрос. Каким образом сделать так, чтобы, если сайт открывается на большом экране, фотки не растягивались бесконечно, а в какой-то момент растягивание останавливалось на своем оригина…

    Asked by Televizeur,

    0 votes
    1 answer

  20. Разделение страницы вертикально на две части

    Всем привет! Устал уже гуглить... Нужно вот что: Разделить страницу на две части в процентах. Колонки должны быть до самого низа окна, даже если контента меньше. Если больше, то появляется, как обычно, полоса прокрутки, но колонки остаются одинаковой высоты. В каждом из блоков внутренние отступы со всех сторон в процентах. Да, и чуть не забыл, работать должно в IE 6<, Opera 8.1<, Firefox 1.5<, Chrome и Safari. Может кто сталкивался с такой задачей или ткните, если кто-нибудь знает, в какую-нибудь супер-крутую ссылку. P. S. Вот эту можно не предлагать. Там, если убрать шапку и подвал, получается почти, как надо, но не доходит до низа, если мало контента.

    Asked by Владимир Н,

    0 votes
    18 answers

  21. Не кликабельность

    В общем проблема такая, не работает виджет от вк "мне нравиться", знаю что намудрил что-то с div`ом, подскажите как решить проблемку. html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Заголовок</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" media="all" type="text/css" href="style.css" /> </head> <body> <div id="header"> </div> <ul id="menu" class="grey"> <li><a href="#">О нас</a>…

    Asked by Ergonav,

    0 votes
    9 answers

  22. как выровнять текст в блоке

    http://jsfiddle.net/Q8cGj/ Как сделать так чтобы текст не вылазил под низ первого блока? Пробовал указать 2 блоку длинну, результата не последовало, подскажите пожалуйсто.

    Asked by JastinB,

    0 votes
    3 answers

  23. Баг в IE7 - блок float не переносится вниз

    Добрый вечер, господа! Есть 7 блоков с float:left; и строкой текста. В браузере IE7 последний блок в строке не переносится вниз, а увеличивает свою высоту. Вот так. http://kentru.bget.ru/bug/task1.php Подскажите, пожалуйста, как вылечить.

    Asked by Mishcka,

    0 votes
    2 answers

  24. Блоки с закругленными углами

    Нужно реализовать контент сайта примерно так как на картинке(углы слегка закругленные в рамках). Нужна поддержка в IE.Блоки должны быть растягивающимися в зависимости от контента: Помогите найти,или подскажите толковую реализацию этого.Спасибо.

    Asked by BupycAP,

    0 votes
    2 answers

  25. box-shadow в IE с помощью PIE

    Добрый вечер! Подскажите пожалуйста если кто знает,как сделать тень по всем четырем сторонам блока с помощью PIE в IE. У меня тень во всех браузерах со всех сторон ,после подключения PIE в IE тень появляется,но только снизу и справа. Заранее благодарю!

    Asked by Indo,

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