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. Уменьшить активную область блока div

    Есть блок див у которого есть свойство background-color с картинкой png. Из-за большой тени вокруг картинки размер самого блока больше чем сама картинка соответственно. Подскажите, как уменьшить активную область дива? Т.е если это ссылка или событие какое при наведении мышкой - чтобы они срабатывали, скажем, на плоскости дива что меньше оригинала например на 20%? Т.е чтобы при наведении не на картинку, а на её тень вокруг чтобы ничего не происходило. http://jsfiddle.net/vyyTg/ Вот пример. Наводим на краешек дива он окрашивается. А нужно чтобы окрашивался только тогда, когда например мышка не на первом пикселе края дива а заехала на пятый или 10й Или, быть может, можно ка…

    Asked by фонарик,

    0 votes
    3 answers

  2. Кроссбраузерный бэкграунд-градиент через PHP-условие.

    Имеется следующее: <td bgcolor="<? if (($part=="1")) { echo('#990000'); } if (($part=="2")) { echo('#606097'); } ?>"> и т.п. Подскажите, пожалуйста, как в этом условии заменить моно-цвет на градиент?

    Asked by maritca,

    0 votes
    4 answers

  3. Отображение картинки с помощью css и html

    Ребят, подскажите, пожалуйста, как вставить картинку при помощи css, а потом её вынести при помощи html? Вот моя последовательность действий: 1. Создаю и подключаю css файл (<link href="style.css" rel="stylesheet" type="text/css" />) 2. Создаю в css файле: .gray{ background-image:url(image/gray-n.png); } 3.Подключаю в html файле: <span class="gray"></span> Картинка нигде не отображается.

    Asked by Jo_Sky,

    0 votes
    2 answers

  4. Тег <ol>

    Здравствуйте! Помогите, пожалуйста, решить проблему. Для ol li задан класс: ol li{border-bottom:1px dotted #ccc;} Как убрать border у 10-го по счёту li? Всю голову уже сломал... Кто знает, подскажите, пожалуйста...

    Asked by zzzoryn,

    0 votes
    2 answers

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

    добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <script language="javascript"> var browser = navigator.appName; document.write(browser); if (browser == "Opera") document.write("<body><link rel='stylesheet' href='http://jaguar-pw.clan.su/for_opera.css'>"); </script> думал что нашел решение, но для мозилы пробова- нивкакую...( p.s. хлстюсь на юкозе (php не работает построннее!()

    Asked by spn_one,

    0 votes
    3 answers

  6. Меняющаяся ширина основного контента.

    Всем привет! У меня возникла такая проблема: на некоторых страничках есть левое меню, а на некоторых нет. Так вот, мне нужно, чтобы ширина основного контента менялась в зависимости от того есть ли это меню или нет. Как то можно это сделать средствами просто html и css?

    Asked by Elsee,

    0 votes
    2 answers

  7. Видеобэкграунд страницы. Какие технологии использовать?

    Здравствуйте друзья. Нужно сделать такой сайт _http://iuqo.com/ Интересует в первую очередь технология, использованная на главной странице — видеобэкграунд. Насколько мне удалось разобраться, это флеш. Есть ли какие-нибудь кроссбраузерные нефлеш-решения подобного эффекта? Если да, то какие?

    Asked by goooooch,

    0 votes
    3 answers

  8. стиль html в css'е

    1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять тэг html в css? html { background-color: #FFFFFF; background-image: url("../../Img/bckgrnd.jpg"); background-position: center top; background-repeat: repeat; min-height: 400px; } Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное. 2) Никак не могу понять назначение height: 100% применительно к тому же html: html { ... height: 100%; } - что это дает? Каким образом происходит растяжение по высоте? Пробовал экспериментировать, убирая данное свойство, но никакого изменения не выявил... В общем, подск…

    Asked by The_Immortal,

    0 votes
    4 answers

  9. Проблема с <details>

    Доброе время суток! Может кто знает, как решить следующую проблему. Для разворачиваемых блоков использовала <details> и <summary> - работает, НО появляется коричневая рамка при разворачивании. Прописывала в css border: 0; не помогает. То, что <details> работает не во всех браузерах, знаю, меня устраивает. Спасибо.

    Asked by Алла,

    0 votes
    2 answers

  10. Катастрофа с ошибочным отображением елементов в браузерах

    утром сел делать сайт свой все было нормально как и всегда(на главной странице)сейчас работал исключительно с другими страницами сайта к главной даже не прикасался!в стилях тоже не касался к вещям которые к главной странице имеют отношение.Вот собрался ложится спать,захожу на главную страницу а там один из важнейших блоков поламался,другого слова не могу подобрать просто,все настройки css сбились полностью,да и не просто сбились а установились какието лично свои,елементы из блока разбросаны по экрану,я в шоке. в хроме главное нормально(я сегодня через него сайт верстал),до этого в основном в опере делал,так вот зашел проверить и именно в опере такая кавасяка.В мазиле тоже…

    Asked by pudge,

    0 votes
    16 answers

  11. Вывести в alert CSS свойство

    Тям опять иссяк Подскажите пожалуйста, как в команду alert вывести что-то из стиля блока див, что прописано в отдельном CSS файле а не в теге div? Вот пример, border и fontSize вылазиют, а width и прочее нет, т.к они не прописаны в теге. (кликните по блоку) http://jsfiddle.net/bYdmj/2/

    Asked by фонарик,

    0 votes
    6 answers

  12. Неправильно отображается

    привет <body> <div id="container"> <div id="header"> <img src="img/header.jpg" alt="" /> <div id="navigation"> <div id="content"> <div id="footer"> </body> </html> Вот это у меня в html файле. Далее идет css: body { background: #f3f2f3; color: #000000; font-family: Trebuchet MS, Arial, Times New Roman; font-size: 12px; } #container { background: #FFFFFF; margin: 30px auto; width: 900px; height: 1080px; } #header { background: #838283; height: 200px; width: 900px; } и так далее У меня все блоки криво отображаются! Футера вообще не видно. Скажите пожалуйста, в чем может быть ошибка?

    Asked by bobb,

    0 votes
    2 answers

  13. hover background перекрывает background кнопки

    #user_menu_right ul li a:hover, #stylefour ul li a.current { background:url("/static/images/userbar.gif") repeat-x left -75px; } #user_menu_right li:nth-child(6) { background: url("/static/images/icons.png") no-repeat scroll 12px -71px transparent; } С обычными кнопками без беграунда все ок, но происходит перекрытие кнопки с беграундом.

    Asked by rtl_one,

    0 votes
    1 answer

  14. не расскрывается меню

    Здравствуйте, есть многоуровневое меню на jquery, вот код. $(document).ready(function(){ $("ul li ul li ul").hide(); $("ul li ul li").height(35); $("ul li ul li a").click(function(){ $(this).next("ul").slideToggle(); }); }); <ul> <li id="execphp-2" class="widget widget_execphp"><h2 class="widgettitle">каталог</h2> <div class="execphpwidget"><ul> <li class="cat-item cat-item-40"><a href="http://www.teplocomfort68.ru/katalog/santexnika/">Сантехника</a> <ul class="children"> <li class="cat-item cat-item-41"><a href="http://www.teplocomfort68.ru/katalog/santexnika/akrilovye-vanny/">Акриловые ванны&lt…

    Asked by dimapriv,

    0 votes
    2 answers

  15. Поможет CSS или JavaScript?

    Здравствуйте , суть вопроса такова. Есть три основные ссылки (Сад , Бассейн , Дом) , все три разных цветов. Могу при помощи css соорудит тень под каждой из них соответствующего цвета (Сад=зелёный и т.д.) ? Но задумал , чтобы появлялась тень только при навидении курсора . CSS это может , или нужно лезть в Javascript?

    Asked by RomanF,

    0 votes
    4 answers

  16. Проблема с rel

    При валидации выскакивает такая ошибка Line 64, Column 75: Bad value images/thumbs/1.jpg for attribute rel on element a: Not an absolute IRI. The string images/thumbs/1.jpg is not a registered keyword or absolute URL. …ss="selected"><a href="images/1.jpg" rel="images/thumbs/1.jpg">Image 1</a></li> Syntax of link type valid for <a> and <area>: A whitespace-separated list of link types listed as allowed on <a> and <area> in the HTML specification or listed as an allowed on <a> and <area> on the Microformats wiki without duplicate keywords in the list. You can register link types on the Microformats wiki yourself…

    Asked by rango2014,

    0 votes
    4 answers

  17. Мало буков, но не работает

    Подскажите пожалуйста, почему диву пофиг на все, что ему положено делать? http://jsfiddle.net/xB4KQ/

    Asked by фонарик,

    0 votes
    3 answers

  18. Как сделать так

    Нужно для сайта сделать так , что когда наводишь на картинку, виводиться 2 иконки, одна например переходит по ссылке , другая увеличивает картинку Вот пример Пример взят з сайта

    Asked by george,

    0 votes
    2 answers

  19. Как сделать так

    Нужно для сайта сделать так , что когда наводишь на картинку, виводиться 2 иконки, одна например переходит по ссылке , другая увеличивает картинку Вот пример Пример взят з сайта

    Asked by george,

    0 votes
    1 answer

  20. Фиксированное меню

    Помогите разобраться с менюшкой сайта (я только учусь). Меню качал с сайта какого то не помню от куда. Вот решил что нибудь под себя сделать так сказать набраться опыта. Но есть проблема меню фиксированное и если "position" поменять с "fixed" на любой другой то пропадает оформление меню, и улетает куда то.

    Asked by GreenP1ece,

    0 votes
    2 answers

  21. Полосы при маштабирование

    Здравствуйте! Сверстал сайт, из макета psd, задний фон нарезал на несколько частей(т.к нужно отличное качество, а при 1 картинке грузится по моему куда дольше) При 100% все хорошо, при 110% все хорошо(Масштаб). Но когда ухожу ниже или выше, то появляются полосы между частями фона, где-то в 1 пиксель. Как исправить не знаю...

    Asked by f0rce,

    0 votes
    4 answers

  22. Проблема с рамкой input-а, и градиентом в chrome

    Здравствуйте! Вокруг input-а рамка которую никак не получается убрать, и куда-то ушуршал градиент на кнопке. Вот пример: http://jsfiddle.net/RR6hG/10/ В Opera все отлично, в IE10 тоже. Firefox еще не понимает флексбоксы. Однако Google Chrome отображает загадочный border вокруг input-а (НЕ во время фокуса, а вообще) и неотображает градиент. Подскажите, пожалуйста, что делать?

    Asked by Mortician,

    0 votes
    2 answers

  23. Как расположить 3 div блок по центру

    Делаю трёхколончатый сайт с фиксированной шириной нужно чтобы три блока находились по центру.

    Asked by Myk,

    0 votes
    3 answers

  24. помогите справиться с отступами параграфа

    Вот сайт: http://magazine-lady.ru/script/maket1/ В центре есть две колонки с темами рефератов. Не понимаю почему у первых двух параграфов колонки появляется отступ слева, ведь правила css писались для всех элементов

    Asked by Rayzor,

    0 votes
    8 answers

  25. Как сделать рамку только для ячейки

    Прописал следующий код, вроде бы должна быть рамка но её нету, почему? в HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Главная страница </title> <link rel="stylesheet" type="text/css" href="style.css" > </head> <body> <table> <tr> <td class="1td"> 1 </td> <td class="2td"> 2 </td> <td class="3td"> 3 </td> </tr> </table> </body> </html> В CSS .1td { border: 3px solid #c716bd; } .2td { border: 3px solid #c716bd; } .3td { border: 3px solid #c716bd; }

    Asked by Myk,

    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