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. Нужна помощь в верстке.

    Открываю в firefox,ie все как надо.В яндексе и хроме меню авторизации тупо падает вниз.Помогите пожалуйста не могу понять в чем проблема!? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Design</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <link type="text/css" href="css/style.css" rel="stylesheet"></head><body> <div id="logo"> <a href="#"><img src="images/logo_head.png"></a> </div> <form id="field" action="#"> <div id="filed1"> <p class="tl">Логин: <input…

    Asked by NapNu,

    0 votes
    6 answers

  2. Не масштабирует сайт на моб.устройствах

    Доброго времени, Столкнулся с такой проблемой, главная страница сайта нормально отображается на моб.устройствах, а вот некоторые внутренние не подстраиваются под разрешение экрана и появляется горизонтальная полоса прокрутки. вот главная норм показывается http://new.nestand-art.com/ а вот страница новостей http://new.nestand-art.com/category/news/ Подскажите в чем проблема?

    Asked by Koc,

    0 votes
    2 answers

  3. PHP not work

    Доброго времени суток всем верстальщикам и тем, кто себя ими считает! Это мой первый код на пхп, но он не робит. Почему? PHP: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <link rel="stylesheet" type="text/css" href="css.css" /> <title> TITLE </title> </head><body> Text <?php echo "Hello PHP"; ?></body></html>"Hello PHP" не выводтся. Стоит Open Server, localhost открывается, то бишь все должно работать. "Text" выводится. Help.

    Asked by kulc_hacker,

    0 votes
    17 answers

  4. Давно не верстал и все забыл

    Как сделать блок, чтобы при наведении подсвечивался только текст, а фон оставался прозрачным, у меня просто когда ставлю Opacity 0.5 , прозрачным становится текст тоже. Как быть?http://schoolleague.ucoz.org/#

    Asked by RuslanHeYca4ev,

    0 votes
    2 answers

  5. Свойство css

    Привет Знатокам ! Подскажите мне пожалуйста - какое свойство в css отвечает за перенос слова целиком если оно не поместилось в блок ? word-wrap , word-spacing -не работали вообще

    Asked by atlanta,

    0 votes
    12 answers

  6. bootstrap: переход для 480

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

    Asked by cyklop77,

    0 votes
    1 answer

  7. Помогите понять какие стили нужно подправить

    Здравствуйте. Есть сайт http://neroceramica.ru / Валится верстка в IE 8 и IE9 , IE 10. Помогите понять какие стили валятся и на что можно и заменить для эксплореров. Заметил что валятся display:inline-block в меню и в списках товаров.( пробовал заменять на *zoom:1;*display:inline; ,но что то не помогает) Так же margin:0 auto не работает в эксплорерах. Какие еще стили нужно подправить для эксплореров ? и не могу понят почему все валиться на левую сторону это валиться ширина или центрирование не работает для ie? Заранее спасибо.

    Asked by ishurgaya,

    0 votes
    8 answers

  8. float не работает как мне надо

    Уважаемые коллеги как сделать так чтобы заголовок Два пипеца был не под col-left а в col-right только под ссылками? http://jsfiddle.net/qqkut1e3/

    Asked by TuTaHuKk,

    0 votes
    2 answers

  9. Ищу слайдер

    Ищу такой слайдер. Чтобы под фото менялось название фото, была пагинация и стрелки. Какой более гибкий можно использовать?

    Asked by okunev2,

    0 votes
    3 answers

  10. Лучший Thumbnail Slider

    Господа, уже много заданий делал с такими слайдерами, но до сих пор никак не могу прийти к одному варианту. Какой вы используете самый проверенный скрипт для вот такого вот типа слайдера? Без цмсковых плагинов. Хэлп плиз, опять встала эта задача, а сёрфить каждый раз и тратить время надоело Верю что есть настоящие спецы

    Asked by Alarr,

    0 votes
    2 answers

  11. параметризация тега "P"

    Как возможно выполнить параметризацию тега "параграф" - "P"? Если я хочу отобразить текст размером 20, чтбы автоматом межстрочный интервал изменялся. Нужно делать новый стиль "P" для каждого размера, который я используюв проекте?

    Asked by skms,

    0 votes
    6 answers

  12. Select, как у Amazon

    Здравствуйте! Каким образом можно реализовать select, как у Amazon? Суть такая, есть код: <div class="search_wrap"> <form> <div> <select> <option value="1">Позикия</option> <option value="2">Какая-то позиция</option> <option value="3">Ещё позиция</option> </select> </div> <input type="search"> <div> </div> <div> <input type="submit"> </div> </form></div>Элементы расположены в одну строку. Необходимо, чтобы при выборе позиции …

    Asked by Torawhite,

    0 votes
    2 answers

  13. Как сделать такое?

    Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795 если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать

    Asked by kolhoz,

    0 votes
    11 answers

  14. При клике на <area> перегружается окно, но не сама страница

    Всем привет, так как это мое первое сообщение на этом форуме, то начну его со слов благодарности к авторам ресурса HTMLBOOK и HTMLFORUM. HTMLBOOK помог мне колоссально разобраться в теме. Ситуация: есть <map> с набором <area> тегов, и у <area> есть арибут href="/mypage". и все вроде работает, но если присмотреться, то при клике на <area> происходит перегрузка окна (приходит нужная страница), но адрес странцы, УРЛ остается в адресной строке прежним, т.е. я фактически остаюсь на прежней странице. не хорошо. подскажите что можно сделать в этой ситуации спасибо

    Asked by Den Brown,

    0 votes
    4 answers

  15. Как сверстать лучше сверстать блок

    Встала вот такая задача сверстать вот такой блок: http://prntscr.com/5sbbku Сейчас это выглядит вот так: http://azharova.ru/test/card_place2.html# Дизайнер предложил делать это с помощью скрипта, например вот такого http://blurjs.com/, но не совсем понятно к какому месту это применять Задача заключается в следующем, необходимо что бы на картинку натягивался градиент (на подобии слайдеров), если правая стороны превысит высоту картинки (она не измена и всегда 370рх)

    Asked by Anna Zharova,

    0 votes
    14 answers

  16. Центрирование таблицы, которая шире экрана

    Не могу сообразить, гугление что-то не помогает(( Такой вопросик: есть таблица, которая имеет размер, к примеру, 1600px в ширину. А разрешение экрана допусти 1366px. Как средствами css/html отцентрировать таблицу - чтобы была видна её средняя часть?

    Asked by Laroux,

    0 votes
    3 answers

  17. подскажите слайдер

    нужен такой слайдер http://hostingkartinok.com/show-image.php?id=c11cdb5a7d26f6d65d39cd3390bda000 не могу найти именно такой функционал. что общее количество отображалось, автоплей кнопка была и миниатюры. может кто знает?

    Asked by raptor-dm,

    0 votes
    1 answer

  18. Проблемы с выделением в блоке.

    Доброго времени суток. Сложилась такая проблема. В общем, у меня есть блок с размером 400px, в нем есть текст. При выделение текста, выделение заходит дальше за 400px. Как запретить это? Чтобы выделялось только внутри блока. Спасибо!

    Asked by lllboom,

    0 votes
    2 answers

  19. Анимация меню

    Есть сайт http://odinzzov.com/#/biography он на флеш, там когда кликаешь по меню есть анимация подчеркивания, у одного пункта оно исчезает плавно и у другого появляется. Как можно без флеш такое реализовать?

    Asked by okunev2,

    0 votes
    6 answers

  20. 2 блока рядом, один фиксированный, другой в % или проблема с "calc"

    Значится, такая задача: Есть блок wrapper (черная рамка) - с margin 0 и max-width. Синий блок - задан жестко в пикселях. (допустим 100px) Красный задан : width: calc(100% - 100px);У синего - float right У красного - float left В итоге получается то, что нужно: при сжимании окна по горизонтали, синий блок остается как есть, а уменьшается только красный. Все супер. ===== Далее, когда эту прелесть открываем в Сафари, получается, между блоками образуется белый промежуток. Как оказалось, сафари игнорит width со свойством calc и попросту делает красный блок, шириной с контент, который в нем есть. ===== Вопрос: как можно такое же точно поведение реализовать, без св…

    Asked by volkoff,

    0 votes
    5 answers

  21. CSS

    Всем пирвет. Начал изучать веб-разработку и столкнулся с проблемками. Не могу запустить вращение текста. Где ошибка? HTML код: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <title> TITLE </title> <link rel="stylesheet" type="text/css" href="css.css" /></head><body> <p id = "text"> text text text text text text text text text etxt text text </p></body></html>CSS: body {margin: 0;}#text{ margin: 200px 0px 0px 200px; position: absolute; height: 50px; width: 250px; background-color: #FFA500; transition: all 1.3s ease 0.3s; wh…

    Asked by kulc_hacker,

    0 votes
    2 answers

  22. Проблема с рисованием border

    Сижу уже 2 часа, тупо ничего в голову не приходит) Есть сайт, ширина фиксированная, вот скрин Под и справа сайдбаром можно увидеть border dotted, суть в том, что этот бордер должен продолжаться на весь экран (снизу и слева) не смотря на фиксированный контент. Что же делать? На другой странице точно такая же беда, только на этот раз бордер начинается от заголовка...

    Asked by Нарек,

    0 votes
    3 answers

  23. Как реализовать большой адаптаптивный хедер

    Люди добрые, подскажите, как реализовать такую адаптацию хедера и навигации для адаптивного сайта (особенно , как перенести "подать заявку", личный кабинет и поиск после навигации на маленьких разрешениях?). Как вариант наверное можно делать 2 навигации и ява скриптом скрывать/отображать нужную? Или без отдельной мобильной версии сайта тут не обойтись?

    Asked by vip,

    0 votes
    12 answers

  24. Проблемы с fancybox

    Здравствуйте уважаемые форумчане! Помогите, пожалуйста, на сайте есть галерея/карусель с кликабельными картинками (fancybox). Все работает только при нажатии на картинку перикидывает в самое начало страницы и там открывает модальное окно. Скажите что не так? Вот сайт - http://www.web-verstka.com.ua/portfolio/smart/

    Asked by stan07,

    0 votes
    2 answers

  25. Контент и разрешения дисплея

    Здравствуйте! Подскажите, пожалуйста, существуют ли способы настройки одинакового отображения текстовой информации на одн ом и том же сайте, но при разных разрешениях дисплея? К примеру, чтобы при выравнивании по ширине между словами было одинаковое расстояние при разных разрешениях (от смартфона до демонстрационного широкоформатного дисплея). Заранее благодарю за ответ!

    Asked by Santorin,

    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