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. Картинка по середине

    Привет, подскажите плиз. Имеется картинка шириной 1200 px, нужно сделать её фоном по середине. В css указываю ширину, и margin:auto. Это все хорошо отрабатывает НО там где монитор менее 1200 (конкретно телефоны, планшеты), надо сделать, чтобы фото обрезалось с двух сторон (по типу картинка влазила на 100% дисплея), а то сейчас получается что ширина сайта шире экрана и появляется прокрутка по горизонтале.

    Asked by RK3DNP,

    0 votes
    2 answers

  2. Моя первая верстка

    Доброе. Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал. Вот что из этого получилось: Макет: Верстка(демо): http://goodproject.tk/verstka/ Код: HTML: http://2paste.in/rfvg CSS: http://2paste.in/pbgc Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, …

    Asked by GoodProject,

    0 votes
    7 answers

  3. Стоит ли использовать <!DOCTYPE html>?

    Здравствуйте! Как вы думаете, стоит ли использовать <!DOCTYPE html>, доктайп для html5, если сам валидатор http://validator.w3.org/ предупреждает что это экспериментальная функция и могут быть проблемы? Какой доктайп сейсас лучше использовать? Каким доктайпом всегда пользуетесь вы? Или выбор доктайпа зависит от конкретного проекта?

    Asked by Andrew_007,

    0 votes
    8 answers

  4. Ищу друга

    Ищу друга(друзей), начинающего и увлекающего фронтом (если увлекаешься Arduino тоже можешь стать другом ), для решение совместных задач по Frontend. Как говориться, одна голова хорошо, а две лучше. пиши в скайп: cssless

    Asked by Roger,

    0 votes
    9 answers

  5. Меню

    Приветствую, сделал менюшку, но элементы li, вылезли за пределы ul по отношению к картинке, что делать? http://jsfiddle.net/9b4t0ws9/

    Asked by Vans,

    0 votes
    2 answers

  6. Блоки вразнобой и фон по наведению

    Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?

    Asked by Kr1og5n,

    0 votes
    3 answers

  7. Как это сверстать?

    Салют! Уважаемые форумчане, столкнулся с небольшой проблемкой в верстке, уже 3-й час танцую с бубном, никак... Поможите? В общем в макете попался блок в виде стопки листов, вот смотрите . Конечто можно это сделать на картинках с before и after , но заказчик хочет, чтобы размеры этого блока в высоту изменялась в зависимости от контента. Кто-то сталкивался с такой штукой? Помогите как такое сверстать?

    Asked by ya_verstaka,

    0 votes
    7 answers

  8. Ссылка-кнопка

    Имеется кнопка-ссылка в виде картинки. При нажатии на кнопку в IE появляется непонятно откуда взявшийся фон, в других браузерах всё работает нормально. Вот собственно как это выглядит - До нажатия: Во время нажатия: Что делать не имею понятия. Многое перепробовал. Буду благодарен любой помощи

    Asked by micado,

    0 votes
    3 answers

  9. Странность с clear: both.

    Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5&g…

    Asked by ksafan,

    0 votes
    2 answers

  10. javascript

    http://codepen.io/anon/pen/LJmDx Kak propisat java script ili kakoe video posmmotret chtoby sdelat eto zadanie.

    Asked by Leyla84,

    0 votes
    8 answers

  11. Подскажите, что это за шрифт?

    Сегодня обновил Itenes и увидел шрифт, который очень понравился. Подскажите, что это за шрифт?

    Asked by GuitarFan,

    0 votes
    3 answers

  12. Здравый смысл Vs bootstrap

    Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…

    Asked by stDragon,

    0 votes
    8 answers

  13. Как сделать такую ​​стену?

    Как сделать такую ​​стену? Посоветуйте какие-то скрипты Пожалуйста

    Asked by Ghost86421,

    0 votes
    2 answers

  14. help, что за прога или не прога

    Подскажите что это такое, если я правильно объясню. Видел где-то на сайте такую штуку: Сверстанный макет первой страницы и сверху накладывается оригинальный макет страницы как будто с прозрачным фоном, и смотришь где не так сверстал где расхождения, надеюсь так объяснил?

    Asked by tr0nik,

    0 votes
    2 answers

  15. Съезжает боди.

    Помогите понять, почему страница кривит. Причем в ИЕ нормально, а мозила и сафари с телефона - глючат. Ссылка удалена

    Asked by spurlos,

    0 votes
    3 answers

  16. IE не подхватывает кодировку

    Как сделать, чтобы IE открывал страницу в соответствии с заданной кодировкой. В частности, у меня страница в утф-8. А браузер открывает ее в 1251. В настройках есть "Автовыбор". Но не срабатывает при первом открывании страницы. Однако, если Автовыбор сбросить, переоткрыть страницу, потом опять установить, переоткрыть. То открывается как нужно. Но мне нужно, чтобы с первого раза. Вот код: <!DOCTYPE HTML> <HTML> <HEAD> <META CONTENT="text/html;charset=UTF-8"> <TITLE>утф 8</TITLE> </HEAD> <BODY> ТЕКСТ </BODY> </HTML>

    Asked by kryuk,

    0 votes
    13 answers

  17. 960gs

    Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.

    Asked by Leyla84,

    0 votes
    10 answers

  18. Помощь в отсылании переменной

    Ребят, имеется вот такой код <select name="material1" tabindex="1" class="material1"> <option value="1">ЭКОНОМ (Россия) Глянец\Мат\Сатин до 1.5м шириной</option> <option value="2">СТАНДАРТ (Бельгия Polyplast) Глянец\Мат\Сатин до 5.5м шириной</option> <option value="3">ЭЛИТ (Германия Pongs) Глянец\Мат\Сатин до 3.5м шириной</option> <option value="4">ЭКСКЛЮЗИВ (Франция Barissol) Глянец\Мат\Сатин до 2.3м шириной</option> <opt…

    Asked by nikfcsm,

    0 votes
    3 answers

  19. Как вывести уменьшенную копию картинки через .css?

    Вопрос решен.

    Asked by boltuk,

    0 votes
    0 answers

  20. bloki

    http://codepen.io/anon/pen/LJmDx Помогите , как работать в 960 , нужно сделать 3блока ( внизу под текстом в блоке 2 любые кнопки) наверху одинаковых в 960 гс и под ними еще два толко 1 блок долэн быть как на верху а второы в 2 раза больше. текст расползается.

    Asked by Leyla84,

    0 votes
    3 answers

  21. Интересная стрелка, как?

    Всем доброго вечера, требуется стрелочку сделать на CSS, но не могу понять откуда начинать. Вот что приблизительно нужно на CSS: Как можно похожее реализовать, через transform возможно ? Может есть у кого что-то похожее, надеюсь на любую помощь. Спасибо !

    Asked by Hol1killer,

    0 votes
    7 answers

  22. что за бордер? или не бордер

    Всем привет, ток начал bootstrap использовать, делаю всплывающую форму, туплю паходу но не пойму откуда бордер когда нажимаешь на кнопку, остается синий бордер? как его убрать? http://jsfiddle.net/4gm0rb0j/13/

    Asked by tr0nik,

    0 votes
    5 answers

  23. Автозаполнение форм

    Всем привет. Есть с таблица с товарами. И в последнем столбце хотелось бы сделать кнопку заказа, определенного товара, который соответственно первом столбце таблицы. Вот пример http://zenova.ru/category/vozduhoduvki/vihrevie-vozduhoduvki-seko-bl Но тут правда как корзина, мне нужно просто что в окне popup с формой, уже в теме заявки, был этот товар Заранее, Спасибо!

    Asked by Patrickk,

    0 votes
    6 answers

  24. Закругленныи конец в header

    <nav id = "navigation"> </nav> css #navigation{ height:40px; background-color:rgb(150,150,150); margin-top: 10px; } Skajite kak sdelat zakruglennyi konec u headera.

    Asked by Leyla84,

    0 votes
    1 answer

  25. banner

    как разместит в баннере картинку, во весь баннер. html kod <aside id = "banner"> <img src="../covers/roma2.png"> s kartinkoy problema </aside> css: #banner{ height: 150px; margin-top: 15px; background-color:rgb(150,150,150); }

    Asked by Leyla84,

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