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. Белая полоса в мозилле

    http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.

    Asked by Zverushka,

    0 votes
    4 answers

  2. Тег CODE

    Народ помогите? Весь день Гуглил и Яндексил не могу найти нужной информации... В общем такая беда, пишу статью и в нужное место мне надо вставить код. Код я уже разобрался как вставить но он выглядит ужасно и нечего не понятно. Вижу на многих сайтах вот такую форму где все ясно отображается еще и пронумеровано. Наверное это делается через тег code только надо ему накинуть bodi со стилями или нет? Если можно помогите!

    Asked by Sanchess,

    0 votes
    5 answers

  3. Наследование

    Здравствуйте. Есть проблемы с наследованием. Не могу понять, что работает не так. Подскажите пожалуйста, если не затруднит. код представлен здесь: http://www.morohon.pusku.com/panel/ (там размеры изображения скачут) css body .main { width:100%; height:100%; } .main div.rotator{ float:left; max-width: 60%; max-height: 80%; } div.rotator ul{ position: relative; list-style: none; padding: 0px; max-width: inherit; max-height: inherit; } div.rotator ul li { position: absolute; margin: 0 auto; list-style: none; max-width: inherit; max-width: inherit; } div.rotator ul li img { max-width: inher…

    Asked by morohon,

    0 votes
    3 answers

  4. Макеты

    Кто может подкинуть макеты для практики, очень надо, плз?

    Asked by Sergey410,

    0 votes
    1 answer

  5. ширина элемента

    <div style="width: 300px; margin: 0; padding: 0; background: #00f5aa;"> <div style="padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;"> <input name="tb_password" type="password" id="Password1" style="width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"> </div></div>Почему ширина поля ввода получается больше 280? <div style="width: 300px; margin: 0; padding: 0; background: #b6ff00;"> <div style="padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;"> <p style="width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;border:4px solid black;">text text text …

    Asked by fivac,

    0 votes
    2 answers

  6. Помогите советом

    Добрый вечер! Помогите советом касательно этого сайта testing-field.68edu.ru, хотел сделать его "резиновым", получилось шальное верхнее меню... Хотелось бы послушать, Ваше мнение, что не так, какие ошибки (не только меню), где фатальные ошибки, где тихий ужас ) Может там всё тихий ужас ) Думал, что бы сделать меню картинка-спрайт, ну не могу я выкинуть в топку эту мысль, что ублажался. Может я где то зациклился хз. )

    Asked by nerei,

    0 votes
    10 answers

  7. Ротатор как здесь

    На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?

    Asked by Imperil,

    0 votes
    4 answers

  8. http://htmlbook.ru/practical/hod-konyom

    http://htmlbook.ru/practical/hod-konyom Вот что у меня http://cssdeck.com/labs/zzgoaqsz. Это задание только делается при помощи javascript ?

    Asked by rpmcmerphy,

    0 votes
    2 answers

  9. Вёрстка

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

    Asked by Flanidub,

    0 votes
    22 answers

  10. Эскизы в браузерах

    Добрый день. Подскажите пожалуйста как браузер выбирает эскизы со страниц. Например хром на закладке "сайты" или опера в экспресс-панели?

    Asked by Ururu,

    0 votes
    0 answers

  11. Не работает input-placeholder

    Не работает input-placeholder!!! Он должен делать точки большими в инпут поле.(Задаю font-size:50px к примеру) .left-block form label input[type=text]::input-placeholder Почему так? http://cssdesk.com/JySyC

    Asked by Temik2704,

    0 votes
    4 answers

  12. Не могу поменять описание сайта

    Помогите у меня вот такая проблема не могу поменять и найти описание сайта,в коде страниц обыскал всё нет в ксс тоже нет в поиске яндекс зато всё находит и выводит описание как раз которое нужно поменять вот скрин http://i57.fastpic.ru/big/2013/1104/0a/e6ac0eadca3f12483b9c0bd1af5fc60a.png вот код html & css http://jsfiddle.net/SACsJ/ и сам сайт http://nezhnost-luh.ru

    Asked by denisok,

    0 votes
    1 answer

  13. Не работает input

    Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD

    Asked by Temik2704,

    0 votes
    4 answers

  14. Пляшет кнопка не смотря на border-box

    Не пойму что за фигня. Красная кнопка "купить" на сайте http://zverushka.zz.mu/chehol/ Обычное состояние padding: 1px 0 0 2px;. Наведенное - padding: 0; Стоит box-sizing: border-box, но когда на навожу на кнопку - все блоки пляшут. Не понимаю, почему. При этом похожую кнопку я реализовала и все ок было, а тут видимо закралась какая-то ошибка. Не могу понять, что за ошибка.

    Asked by Zverushka,

    0 votes
    2 answers

  15. Помогите чуть-чуть...

    Подскажите пожалуйста, как опустить радейку к логотипу... Это шаблон хедера phpBB3 Радейка расположена ближе к концу файла <div id="logodesc"> 13-я строка. <!-- ENDIF -->// ]]></script></head><body class="{S_CONTENT_DIRECTION}"><a name="top"></a><div id="wrapheader"> <div id="logodesc"> <embed src="http://www.hitfm.ua/static/radioplayernewemb.swf" quality="high" bgcolor="#ffffff" width="315" height="40" name="radioplayernewemb" align="middle" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> <table width="100%" cellspacing="0"> <…

    Asked by upriamui,

    0 votes
    2 answers

  16. Не понимаю как применить спрайт для фона

    День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/

    Asked by Temik2704,

    0 votes
    0 answers

  17. Как правильно вставлять img

    Так что куда? Какие элементы вставлять через css, а какие через html? К примеру тоже лого. <header><a href="#"><img src="images/logo.png"></a></header>или <style>.logo { background: url(images/logo.png) no-repeat; width: 161px; height: 38px; float: left; }</style><header><a href="#" class="logo"></a></header>

    Asked by Animkim,

    0 votes
    3 answers

  18. Задание Шаги из Практикума

    http://cssdeck.com/labs/l4ciwczf Вот такой вопрос при псевдоклассе hover перекрашивается в зеленый уголок и перекрашивает родительский div , почему при наведении курсора на родительский div не перекрашиваетя уголок он же дочерний.

    Asked by rpmcmerphy,

    0 votes
    9 answers

  19. Проблема со вставкой своего шрифта в CSS

    Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, др…

    Asked by iIntUser,

    0 votes
    3 answers

  20. Вопрос про позиционирование

    Скажите если я хочу позиционировать div в родительском div, обязательно ли для родительского div писать позицию в относительную ? Можно ли позиционировать родительский div абсолютно ?Или какие позиционирования примет вложенный и родительский элемент не играет роли, главное чтобы они были вложенные ?

    Asked by rpmcmerphy,

    0 votes
    5 answers

  21. http://htmlbook.ru/practical/shagi

    http://htmlbook.ru/practical/shagi Вот что у меня получилось. http://cssdeck.com/labs/52ie1ldo Код слишком громоздкий но другого решения я не смог найти. 1)Скажите как сделать чтобы при наведении трансформируемый элемент, который я использовал как уголок тоже перекрашивался ?Также как сделать чтобы при наведении мышка не превращалась в курсор ? 2) Не понятно почему в шаге 1 при наведении на трансформируемый элемент он перекрашивается, а в других шагах такого не происходит ?

    Asked by rpmcmerphy,

    0 votes
    0 answers

  22. Посоветуйте книги...

    Всем привет. Я уже несколько месяцев изучаю сайтостроение... а именно HTML и CSS, но как то дается тяжеловато) не могли бы вы посоветовать книги обязательные к прочтению и изучению по данным языкам и желательно в порядке их изучения?

    Asked by Akkord87,

    0 votes
    7 answers

  23. Респонзив

    Подскажите пожалуйста, какие есть способы верстки респонзив сайтов? Не bootstrap. Может есть какие-то ресурсы на русском языке, где можно почитать. Спасибо

    Asked by Lyolik,

    0 votes
    1 answer

  24. Условные коментарии

    Подскажите плз почему IE8 и IE7 не подключает этот файл, который записан следующим образом: <!-- [if lte IE 8]> <link href="view/skin1/css_main_ie.css" rel="stylesheet" type="text/css" /><![endif]-->Если убрать символы комментариев и условия то файл подключается.

    Asked by Bizon4ik,

    0 votes
    6 answers

  25. Фото с активными областями

    Доброго времени суток!Подскажите пожалуйста как посредством Html и CSS сделать фотку с активными элементами управления (на подобии как здесь http://www.grandmed.ru/ (там где нарисована девушка, а у нее в разных областях тела крести - нажимаешь на них - с боку всплавает меню)). Помогите реализовать идею: 1)Посредством тега <area> разбиваю изображение на области (создаю карту изображения). 2)Создаю <section> с ссылками. (каждая область section на свою область с карты изображения). Поумолчанию section с ссылками спрятана за экран посредством left: -9999px. 3)При нажатии на область карты изображения (событие onclick) выплывает соответствующее ей section с сылками…

    Asked by angelxalfa,

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