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. Чередование цветов элементах списка с вложенными списками

    Добрый день! Столкнулся с интересной задачей, и уже некоторое время не могу найти для нее красивого решения. Суть задачи: имеется список ul, каждый его подпункт li имеет div с текстовой строкой и таким же списком ul. Этакая рекурсия. И хочется чтобы цвета li (а точнее вложенного в него блока с текстом) чередовались через один (как это часто делают для строк таблицы) Для li, лежащих в одном списке, проблема не стоит: li:nth-child(2n) {background: color1;} li:nth-child(2n+1) {background: color2;} Но они то лежат в разных, а чередование цветов должно быть все равно. Вот заготовка, к тому о чем я говорю: http://jsfiddle.net/q1p1abaj/ Первая мысль была реализовать через…

    Asked by Koloyar,

    0 votes
    3 answers

  2. через что размещать элементы на странице

    через что лучше размещать элементы, через position, margin, еще как-то ?приведите примеры, или скиньте ссылки где описывается без особых наворотов

    Asked by rpmcmerphy,

    0 votes
    2 answers

  3. черестрочная окраска

    prtscr для удобства щелканья пользователя по кнопкам, хотелось бы провернуть черестрочную окраску рядов, но у меня упорно продолжает окрашиваться только первая колонка ряда советовали убрать :only-child - но тогда окрасились все delete если убрать онли чайлд html темплейт: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"…

    Asked by despair1,

    0 votes
    1 answer

  4. Черная полоса и таблица

    День добрый! Не люблю приамбул, но здесь придется: код - первая доска для проб лепки из пластелина, на которой происходило и происходит знакомство с азами, так что не надо умничать про кривизну, я и сам догадываюсь, ответьте по делу: 1. На сайте вверху черная-причерная полоска во всех браузерах (хотя в ИЕ, например, она шире). 2. Сайт - сплошная таблица, заполненная картинками (где содержанием, а где и вовсе бэкграундом). Во всех браузерах отображается корректно, но в некоторых версиях Оперы (в т.ч. и Portable) есть момент - примерно каждый 10й заход на сайт ломается таблица и отображается что-попало. Эффект можно пронаблюдать методично нажимая F5. На последних верси…

    Asked by Uvelirr,

    0 votes
    5 answers

  5. черная рамка jpeg

    Здраствуйте. стоит каптча я не могу понять из за чего может появляться черная полоса? Фон только серый

    Asked by akkota,

    0 votes
    1 answer

  6. Чёртов <!DOCTYPE> всё портит!

    Сверстал себе обычную, ничем не примечательную страничку. В ней есть таблица. Для этой таблицы выставлено CSS-свойство: height: 100%;То есть, высота таблицы выставлена "на полную мощность" - на всю высоту документа. Вся эта благодать работает ровно до того момента, как я добавляю в начало документа тег: <!DOCTYPE HTML>который просто-напросто обрезает мне высоту таблицы до высоты содержимого. И теперь, чтобы изменить высоту таблицы, я должен объявлять её абсолютными величинами (в пикселах, дюймах, метрах или километрах – как угодно, но уже не в процентах). Объясните мне, пожалуйста, что происходит?

    Asked by parzhitsky,

    0 votes
    1 answer

  7. чёртов DOCTYPE, не работает линк на css

    Это так и должно быть или я что-то не так делаю прописываю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> и css не загружаеться <link type="text/css" href="style.php"> как только доктайп убираю всё нормально, css загружается

    Asked by gradus,

    0 votes
    6 answers

  8. Чертовщина в ie7 background-position

    Можно удалить, ошибочка вышла )...

    Asked by Zverushka,

    0 votes
    2 answers

  9. Чертовщина с border dashed

    что за чертовщина никак не могу понять http://table.ts6.ru/ или тот же код страницы <!DOCTYPE html> <html> <head> <title></title> <style> body { background: #444; } div { margin: 0 auto; width: 400px; height: 90px; border: 1px dashed #000; padding: 0px; background: #444; } </style> </head> <body> <div></div> </body> </html> Создаю через блокнот пустой файл с расширением .html, пишу код это. открываю страницу через IE8 (в режиме совместимости с IE7 открывает страницу), рамка как надо, пунктирная, чёрная, F12 в IE перевожу реж…

    Asked by Vadimka,

    0 votes
    12 answers

  10. Черты профессиональной верстки и немного кода.

    Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …

    Asked by ByKraB,

    0 votes
    12 answers

  11. Чет не работает гармонь =)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> #menu { width:200px; min-height:100px; padding:0 0 0 0px; margin:100px 0 0 100px; } .button_1 { width:200px; height:50px; display:block; background:url(images/button.png) no-repeat; cursor:pointer; } .active { width:200px; height:50px; background:url(images/button_active.png) no…

    Asked by Spidey,

    0 votes
    3 answers

  12. Четкие вопросы новичка

    Вот например я нашел такой макетик. Мне нужно сделать полноценную рабочую страницу. Только я не совсем понимаю, что от меня требуется в целом. Знаю что сверстать и пару скриптов реализовать. В общем - Кто может, посмотрев на макет описать по пунктам процесс всей работы? Буду очень благодарен!

    Asked by 122199133,

    0 votes
    8 answers

  13. Чёткое изображение

    Есть сайт, и есть картинки в png формате, обычными просмотрщиками смотрю, всё нормально, когда вставляю в код, типа background-image получаются размытыми ,т.е не чёткими как исходные, в чём может быть причина?

    Asked by vladimircape,

    0 votes
    2 answers

  14. Четыре блока в центре экрана

    Безуспешно пытаюсь позиционировать четыре прямоугольных блока по центру экрана. http://jsfiddle.net/e4PYz/ Задача в том, чтобы они размещались всегда в центре в не зависимости от размера окна. И если им есть место, то увеличивались до максимального размера, а если не хватает места, то сжимались. Как этого добиться? И существует ли возможность контролировать расстояние между красными прямоугольниками?

    Asked by PavelTkachev,

    0 votes
    10 answers

  15. Четыре фикса в резиновом блоке

    Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.

    Asked by Veseloff,

    0 votes
    4 answers

  16. Чистка css

    Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

    Asked by MAzZY,

    0 votes
    8 answers

  17. Чистый URL индексной страницы

    Добрый день, дорогие пользователи форума htmlbook, хотел бы узнать технически правильное название того действия, что я хочу совершить для последующего поиска в гугле. Допустим, есть сайт example.com . Индексная страница данного сайта не должна отображаться как example.com/index.html, а должна иметь адрес самого домена, то бишь6 example.com. То есть печатаете вы в адресной строке "example.com", жмёте ENTER и попадаете на HTML-страницу, с исходным URL: example.com Надеюсь, что выражаюсь предельно ясно. Помогите, пожалуйста. С уважением, Юджин

    Asked by Eu-Le,

    0 votes
    6 answers

  18. Читалка FB2. Книжный режим чтения

    Добрый день всем) Делаю читалку для формата FB2 (на С++), текст, который отпарсил, перевожу в html. Передо мной встала проблема: не знаю как сделать книжный режим чтения (две страницы на экране). Программно он, видать, не решается. Вот и подумал, может быть можно это сделать, прибегнув к css и html? Т.е. нужно как-то указать, чтобы текст отображался только в двух прямоугольниках на экране. У меня идея такая: создать два фрейма, каждый высотой в высоту экрана, а шириной - в пол экрана. И в них размещать текст. Правда не знаю что делать, когда текст заполнит весь фрейм - ему нужно указать, чтобы заполнял соседний фрейм. А после перелистывания - след. два фрейма. Вот как-то …

    Asked by xmlns,

    0 votes
    1 answer

  19. Чокнутый фон

    Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.

    Asked by Saiko,

    0 votes
    2 answers

  20. Чтение .txt файла с помощью фрейма

    Здравствуйте! Меня интересует один вопрос. Как можно прочитать файл .txt через фрейм, чтобы хтмл теги работали, а не отображались как обычный текст. Заранее благодарю за ответ!

    Asked by nikita3334,

    0 votes
    5 answers

  21. Чтиво для начинающих

    Добрый вечер, я совсем недавно решил вплотную начать участвовать в веб-разработке и глубоко изучить html5 и css3 (для начала). Прошу помощи, скажите, с каких книг лучше всего начать это делать? Желательно конечно, чтобы еще можно было в эл.книге их читать)

    Asked by dev4go,

    0 votes
    11 answers

  22. Что бы блоки не расходились ?

    Здравствуйте! Пытаюсь сделать резиновый сайт, но как-то не очень получается... Кроме проблем с размерами встретилась такая проблема: При уменьшении сайта (ctr + - ) у меня расходятся. Т.е. 2 div блока: float: left & float: right; Но, когда уменьшаю сайт - каждый улетает в свою сторону, при увеличении, оба сдвигаются на центр. Вообще, хочу сделать правую сторону фикированную (меню), а левую (конент) обычную, т.е. с прокруткой. - первый div: контент, второй: меню Как я понял, проблема в том, что меню у меня: position: fixed; Но жду Ваших советов.

    Asked by dsasda,

    0 votes
    4 answers

  23. Что бы ссылка в html вставляла вместо картинки текст ?

    Доброго времени. Пожалуйста подскажите как быть. Как можно прописать ссылку чтоб она вставляла на страничку текст из какого-нибуь отдельного документа? Чтобы текст самой странички можно было изменять не залазя В сам index.html, а изменяя текст этого отдельного документа. P.S. Попросила знакомая сделать сайтик в одну страничку, конечно, я не отказал, сделал все красиво. Но дело в том что она хочет сама его обновлять. Казалось бы что бело плевое,- открыл index.html блокнотиком поменял текст, да и все! Ан нет! Это ж надо чтоб еще и кодировка на месте осталась!!! Такое простое дело , а как быть не знаю! Те CMS которые с нета можно скачать весят больше самого сайта, а после "а…

    Asked by ammiid99,

    0 votes
    3 answers

  24. Что быстрее css3 или картинки ?

    Есть окно (на div'ах) которое с помощью js перетаскивается.Проблема в том что само окно сделано из градиентов и прочих прелестей css и имеет прозрачность. Анимация перетаскивания тормозит и поэтому я думаю что если бы это были gif/png картинки с прозрачностью, то тормоза бы уменьшились. Может кто сталкивался, верна ли моя теория или нет ? стоил ли переделывать всё или это не поможет. Понятно что в практике видно будет, но всё же...

    Asked by gradus,

    0 votes
    4 answers

  25. Что в данном случае будет лучше?

    Что в данном случае будет лучше? Нужно сделать дизайн в 3 колонки, колонки должны быть одинаковой высоты, вариант с бордерами не катит, что взять табличку или дивы, на данный момент не знаю как на дивах сделать колонки равной высоты с максимальной валидностью и отображением в браузерах включая ИЕ6, Что Посоветуете?

    Asked by woofs,

    0 votes
    1 answer

  • Обсуждения

    • 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