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 разным составляющим одного тэга <ul>

    Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "Exemple" посередине между левой границей и "Home". Извините за неграмотное построение вопроса - я новичок... Вот код: HTML: <Doctype HTML> <html> <head> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="new.css"> </head> <body> <nav role='navigation'> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">Our team</a></li> <li><a href="#">History</a></li> </ul> </li> <li><a href="#">Cli…

    Asked by olegipman,

    0 votes
    9 answers

  2. Проблема с выпадающим меню

    Проблема в том, что я навожу мышкой до 3 пункта под меню, и оно пропадает. вот сайт: http://www.s-podkova.com/ Вод код <div id="page"> <div id="header"> <a id="logo" href="http://www.s-podkova.com/" name="logo"></a> </div> <div id="navigator"> <div id="nav"> <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation</var> </div> </div> <div id="stran"> <div id="content"> <var>content</var> </div> <div id="side#navigator { width: 1040px; padding:1; text-align: center; float:left; …

    Asked by Pande,

    0 votes
    2 answers

  3. Информацыонные круги

    http://prntscr.com/7g25rs Нужно сделать вот такие круги, при наведение на такой всплывает тултип. Может есть уже где-то похожие наработки, или статья или готовый скрипт? Буду благодарен за любую подсказку. Извиняюсь за опечатку в теме.

    Asked by fireman691,

    0 votes
    2 answers

  4. Как применить стиль к картинке в ячейке таблицы

    Запутался с синтаксисом, почитал про дочерние, но что-то не работает.. table > tbody > tr > td > p > a > img {max-width:150px;}Как правильно оформить? спасибо., такой вариант я первым делом и делал.. а проблема оказалось в другом, просто для страницы был отдельный css..

    Asked by nikki4,

    0 votes
    1 answer

  5. Построил разметку с помощью Flexbox

    Правильно ли я сделал? http://www.cssdesk.com/DynC2

    Asked by DivMan,

    0 votes
    0 answers

  6. как перевести сайт с API Youtube версии v2 на версию v3?

    Привет, кто сталкивался, подскажите, как перевести сайт с API Youtube версии v2 на версию v3? Например, такой вот PHP код как переделать, чтобы он работал в v3? $str1 = file_get_contents("http://www.youtube.com/embed?listType=search&author=".$arParams["CHANNEL_ID"]."&v=2&orderby=updated&alt=jsonc&max-results=".$cnt_per_page."&start-index=".($page1-1)*$cnt_per_page+1);

    Asked by Koroed,

    0 votes
    1 answer

  7. Нестандартная карта

    http://prntscr.com/6x5abq Не делал еще такого, может есть примеры реализации? Буду благодарен за любые подсказки.

    Asked by fireman691,

    0 votes
    5 answers

  8. Запуск шаблона в сеть без движка?

    Доброго времени суток! Есть простой шаблон html, есть хостинг, есть домен, движка нет. Подскажите, как сделать, чтобы моя страница отображалась в сети. На сколько понимаю необходимы команды php. Подскажите какие!? Заранее благодарен за ответ!

    Asked by Cors1k,

    0 votes
    2 answers

  9. Как сделать такое меню аккордеон?

    Как сделать такое меню аккордеон? http://savepic.ru/7305391.png Часть я сделала, осталось сделать вертикальную линию, как на рисунке, но не знаю как. Код: http://jsfiddle.net/24db4hgx/ Спасибо.

    Asked by Alfa2015,

    0 votes
    2 answers

  10. Контент в блоке

    Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

    Asked by fro,

    0 votes
    90 answers

  11. Блик на чистом css

    Доброй ночи, уважаемые форумчане! Не подскажете, как создать такой блик исключительно на css. Просто вырезать и вставить блик как-то не круто( А других идей у меня пока нет... http://clip2net.com/s/3j79hmY

    Asked by Orysya,

    0 votes
    3 answers

  12. Проблема с first-child

    Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facili…

    Asked by pavlovda,

    0 votes
    1 answer

  13. Что это за кодировка?

    Подскажите, что это за кодировка? Бывает так, что в URL отдельные символы, типа "/", ":" вдруг становятся представленными тремя символами. Первый (если мне не изменяет память) - это знак процента. И где найти саму кодировку (описалово). Ну, или принцип, как русские буквы представлять в такой кодировке?

    Asked by кэп,

    0 votes
    8 answers

  14. Непонятный косяк с сайтом

    Помогите пожалуйста разобраться в чём косяк. Почему в самом низу, фон немного ниже футера. Посмотреть в живую можно тут - ****

    Asked by livelyn,

    0 votes
    3 answers

  15. text-overflow - в Firefox точки перекрывают наложенный блок

    Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: http://jsfiddle.net/agh0knk6/1/ Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок z-index не помогает. Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    5 answers

  16. Текст в форме

    четыре элемента таблицы, в них ссылки на форму обратного звонка. как сделать так, чтобы при нажатии на них текст в форме менялся?

    Asked by phreaker33,

    0 votes
    10 answers

  17. А как вы прижимаете футер к низу? (unknown height, IE < 10)

    Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с нед…

    Asked by web-monster,

    0 votes
    12 answers

  18. отступ между блоками

    добрый день есть такой DOM <body> <table class="page_carcass" cellpadding="0" cellspacing="0" border="0"> header </table> <div> тут книга </div> <table> футер </table> </body> и проблема в том что между дочерними блоками большучие отступы при большем разрешении экрана, хотя никаких margin нету вот сама страница http://www.43700.ru/nash-gelendzhik/book/ туда просто я впихиваю книгу,которая работает на джаваскрипте есть какие то подсказки? подозреваю что надо ограничить высоту окна,но пока не получается...

    Asked by aleks_lv7,

    0 votes
    1 answer

  19. Количество колонок таблицы зависящее от ширины окна браузера.

    Встала задача сверстать страницу где должна быть таблица. В таблице нужно сделать ячейки определенной ширины. Как лучше делать? Или таблицу создавать при помощи JavaScript? Или как то передавать данные о ширине окна на сервер где будет происходить соответствующая обработка в php файле? Отказаться от таблицы врядли получится. Хотя. Таблица будет выводить некоторое к-во товаров в интернет магазине. Может сделать на div-ах. Используа css свойство float...

    Asked by BirviZ,

    0 votes
    3 answers

  20. как в css при наведении на картинку плавно менять размер

    подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …

    Asked by greenggc,

    0 votes
    4 answers

  21. Имена файлов CSS

    Как нужно понимать? Реальный пример <style media="all" type="text/css" xml:space="preserve"> @import url('_includes/css/emory-html5-fix.css'); @import url('_includes/css/emory-main-base.css'); @import url('_includes/css/emory-main-nav.css'); @import url('_includes/css/emory-main-header-footer.css'); @import url('_includes/css/emory-callouts.css'); @import url('_includes/css/emory-hompage.css');</style>Почему именно _includes а не просто includes? Встречал такое довольно часто. Пишут что запросов нужно делать как можно меньше, а реально почти у всех целый набор. Чем или как это обьясняется? <link type="text/css" re…

    Asked by autit,

    0 votes
    3 answers

  22. Как сделать круговое меню ?

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

    Asked by dreamfactor,

    0 votes
    13 answers

  23. Слайдер не переключается

    Слайдер почему-то не переключается: http://codepen.io/anon/pen/Xbgmgj

    Asked by yaparoff,

    0 votes
    4 answers

  24. :before или img...или что-то другое ?!?!

    Господа, очень, очень сильно прошу вас помочь...задолбался нереально....сижу уже часов 6-7 и НИКАК НЕ МОГУ ДОГНАТЬ, КАК ЖЕ СДЕЛАТЬ ВЕРНО. Итак, имеется темплейт ресторана, в блоке меню ресторана есть определенный список позиций, который подгружает дополнительные позиции при помощи кнопки...но, там где название позиции и цена - между ними должна быть резиновая серая линия....КАК ЭТО СДЕЛАТЬ, ЧЕРТ ПОДЕРИ...пожалуйста, помогите. Ссылка на код: https://jsfiddle.net/bu45rn4c/1/ Ссылка на изображение: http://savepic.ru/7247519.jpg Посоветуйте, может нужно было вообще не через dl, а просто через div, h и p.

    Asked by ruslanpondin,

    0 votes
    5 answers

  25. Правильно ли применять разметку schema.org в категории товаров или в списке категорий?

    Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?

    Asked by borus,

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