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. Оформление цитат

    Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…

    Asked by bob_24,

    0 votes
    5 answers

  2. Оформление шапки сайта

    В общем, такая проблема. Я не знаю или тупо забыл как изменить картинку в шапке сайта в данном случае.

    Asked by St.Jimmy,

    0 votes
    3 answers

  3. Оформления imput через CSS

    Подскажите пожалуйста, как убрать у impyta фон (картинка) если в него пользователь ввел текст. Фон задается через background.

    Asked by Zarathustra,

    0 votes
    6 answers

  4. Оффлайн курсы по front-end

    Обнаружил в своем городе курсы по front-end-у, посмотрел их план обучения Скрытый текст 1. Введение в HTML 2. Настройка рабочей среды разработчика 3. Знакомство с CSS 4. CSS селекторы 5. Блочная модель документа (CSS Box Model) 6. GitHub 7. Шрифты в вебе, Font Face 8. Методы сброса стилей браузера: normalize.css и reset.css. Starter 9. Photoshop для Front-end разработчика 10. CSS позиционирование 11. Float 12. Методология БЭМ 13. Как выравнивать в CSS. Padding vs Margin 14. Строим формы 15. CSS сетки …

    Asked by Hasiev,

    0 votes
    0 answers

  5. Оффсет для списка

    Всем доброго времени суток! Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

    Asked by betmakh,

    0 votes
    20 answers

  6. Ох уж эти фреймы...

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

    Asked by zews,

    0 votes
    16 answers

  7. Ох уж этот IE

    Есть бокс с закругленными уголками. Внутри: * в него вставил менюшку * под ней контент. Проблема : в ФФ все сидит в боксе. А в ИЕ контент вылазит за его пределы. Где собака зарыта ? <style> div.cleaner { height: 0px; clear: both; overflow: hidden; } .mainnews-l{ float: left; width: 42%; } .mainnews-r{ float: right; width: 55%; } .news-corpse { margin-top: 15px; } .news-corpse p { margin: 5px 0 0 0; padding: 0; } .news-corpse img { float: left; margin: 0 1% 0 0; } .news-corpse small{ font-size: 82%; margin-left: 5px; white-space: nowrap; } .news-corpse img { padding: 2px; border:none; } /* ——————————————- box1 */ .box1 { background-…

    Asked by ramilkin,

    0 votes
    16 answers

  8. Ох уж этот IE

    Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { ba…

    Asked by Tsybin,

    0 votes
    4 answers

  9. Оцение пожалуйста верстку

    Добрый день. Я начинающий верстальщик. Сверстал макет странички и хотел бы узнать мнение у более опытных людей. Какое состояние у моей верстки и кода. Перед выставление этой работы постарался выполнить все предписания. Макет бы в рассылке HTML Academy. Если кого заинтересует можем выложить его сюда чтобы поделиться опытом и всякими приемами как его можно было сверстать. Заранее спасибо за ваше драгоценное время! http://www.kav.pe.hu/

    Asked by murovey,

    0 votes
    7 answers

  10. Оцените CSS код трёх колоночного каркаса и как убрать толстые линии?

    http://jsfiddle.net/3j39P/ <div class="layout"> <div class="sidebar">Меню</div> <div class="content">Контент</div> <div class="sidebarR">Реклама</div> </div>.layout{ width: 1000px; margin:auto; position:relative; }.sidebar, .content, .sidebarR{ position: absolute;}.sidebar{ width: 150px; height: 150px; border:1px solid;}.content{ width: 150px; left:150px; width: 700px; height: 500px; border:1px solid;}.sidebarR{ width: 150px; left:850px; width: 150px; height: 150px; border:1px solid;}

    Asked by DivMan,

    0 votes
    4 answers

  11. оцените html сайт

    Cоздала сайт на html , где рассказывается про canvas с объяснением, на конкретных программах. http://www.animacanvaszdorove.ru/

    Asked by Tana,

    0 votes
    3 answers

  12. оцените блог

    оцените блог http://radijo.noip.me/

    Asked by windows,

    0 votes
    1 answer

  13. Оцените верстку

    Добрый день дорогие форумчане. Оцените мою первую верстку http://phaetonjkeee.narod2.ru/ Макет брал отсюда http://forum.htmlbook.ru/index.php?showtopic=16763 на пример верстки в теме не смотрел, не смог только просмотреть результат в ie7. Архив с файлами html+css

    Asked by phaetonjkeee,

    0 votes
    5 answers

  14. Оцените верстку

    Всем привет. Хотел бы чтобы вы проверили мою верстку http://verstka-primer.esy.es/world/ Макет, для многих легкий но я хотел бы чтобы вы мне показали как лучше сделать тот или иной элемент. Надеюсь, что там не так все плохо )

    Asked by Shenia132,

    0 votes
    0 answers

  15. Оцените вёрстку

    Всем привет. Недавно я самостоятельно сверстал макет и хотелось бы услышать мнение опытных верстальщиков. Приму и учту любой совет и критику. Ссылка на скачивание файлов: https://drive.google.com/drive/folders/0B4tKSvnDdweseFpjbERpUnVJcHM?usp=sharing <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> </head> <body> <header> <div class="container"> <div class="heading clearfix"> <div…

    Asked by JDuck,

    0 votes
    0 answers

  16. Оцените верстку (2Breed)

    Добрый день! В последнее время, решил заняться веб разработкой и версткой. Раньше был небольшой опыт верстки, php программирования. Нашел в интернете бесплатный симпатичный шаблон. Прошу оценить работу по всей строгости. Код HTML и CSS валидный, проверял верстку в браузерах последних версий FireFox, Opera, Chrome, Safari, IE 9 (так же в разных режимах IE 8, 7). Верстка: ссылка Шаблон (jpg): ссылка Если кому то понадобится шаблон в PSD, предоставлю ссылку. Жду критики и комментариев.

    Asked by Floating,

    0 votes
    8 answers

  17. Оцените верстку HTML5 и CSS3

    Мир вам форумчане, просьба оцените верстку ваша мнение особенно о коде http://versttestter.eu5.org/

    Asked by pitbuli,

    0 votes
    6 answers

  18. Оцените верстку sportereestr

    Всем привет не могу создать тему в ветке обсуждение работ поэтому напишу здесь оцените пожалуйста верстку, ткните на ошибки что бы нужно подправить. http://www.temp.sportreestr.ru/temp/ - это пока верстка, ссылки работают. Пока идет встройка сайта на движек.

    Asked by karel,

    0 votes
    7 answers

  19. Оцените верстку по методологии БЭМ.

    Доброго времени суток!Осваиваю верстку по методологии БЭМ. Прошу оценить мою верстку по БЭМу, интересуют ошибки в коде.Заранее благодарю. https://igor-zzz.github.io/bem/

    Asked by web-verstka,

    0 votes
    2 answers

  20. Оцените верстку пожалуйста (исправлено). Я новичок

    Здравствуйте! Сверстал макет, исправил ошибки, прошу проверить на ошибки и указать подробно где и как исправить. И оцените пожалуйста верстку! Валидатор ошибок не выдал. Сказал все хорошо =) Буду очень благодарен! Сайт на народе! Скачать архив с сайтом: СКАЧАТЬ 1 СКАЧАТЬ 2

    Asked by aknur,

    0 votes
    8 answers

  21. Оцените верстку пожалуйста. Делал для себя.

    Здравствуйте! Скачал с интернета PSD шаблон сайта и сверстал. Прошу указать ошибки или недочеты и в общем оценить верстку. Буду очень благодарен! http://narod.ru/disk/3121133001/GreenOrange.rar.html

    Asked by aknur,

    0 votes
    14 answers

  22. оцените верстку!

    оцените пожалуйста мою первую верстку верстку, буду рад всем замечаниям!!!! http://webfile.ru/5953814 файл нужно скачать

    Asked by olechic,

    0 votes
    1 answer

  23. Оцените верстку/укажите на ошибки

    Сайт Оцените/подскажите, буду благодарен.

    Asked by Frey,

    0 votes
    1 answer

  24. Оцените заготовку для проектов

    Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --…

    Asked by Zverushka,

    0 votes
    11 answers

  25. Оцените мою верстку

    Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !

    Asked by Shenia132,

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