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. Не понимаю как сделать подскажите пожалуйста

    Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода select и input и кнопка в конце submit. нужно чтобы после ввода данных при нажатии на кнопку все введеные данные отображались в поле внизу с такими же подза головками как у форм, плюс привязка времени во сколько было отправлено. я начинающий так что если можно более простым языком. формы ввода выглядят так примерно <div id="form"> <ul> <li> Ваша консоль: <select> <option>1</option> <option2</option> <option>3</option> <option>4</option> </select> </li> <li>Название -: <select> <option>Saa…

    Asked by voskresnayakoza,

    0 votes
    5 answers

  2. Не понимаю логику поведения блоков с position:relative && position:absolute

    Здравствуйте. Проблема следующая: http://jsfiddle.net/5zSmC/ Не могу понять, почему блоки с position:absolute оказываются под соседними блоками с position:relative. Вроде бы по z-index должно быть наоборот. Подскажите, в чём дело?

    Asked by Шушер,

    0 votes
    1 answer

  3. не понимаю логику позиционирования

    Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код html Код <!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> <title></title> <meta http-eq…

    Asked by челХ,

    0 votes
    13 answers

  4. Не понимаю на что ругается валидатор

    Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />

    Asked by McLotos,

    0 votes
    5 answers

  5. Не понимаю поведение margin

    Всем доброго дня. Упрощенный для наглядности код того что я делаю <html><head></head><body><div style="background:#000;"> <div style="background:#fff;width:100px;height:100px;margin:50px 0 0 50px"></div></div></body></html>Разве не должны отступы от вложенного дива быть собственно внутри дива в который он вложен? Почему верхний margin отрисовывается так как будто он указан для родительского блока?

    Asked by infidel,

    0 votes
    4 answers

  6. Не понимаю поведение эдементов

    Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…

    Asked by shtuceron,

    0 votes
    1 answer

  7. Не понимаю поведение элементов часть 2

    Добрый день, Написал очень простенький код, с которым не должно было возникнуть вопросов, но... в браузере IE верхняя строка таблицы не равна заданным 30px. Высота этих двух строк делит пополам эту таблицу. <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { width: 100%; height: 100%; } table { width: 100%; height: 100%; border: 1px green solid; } #wrap { width: 100%; height: 100%; border: 1px red solid; } #firstRow { height: 30px; border: 1px blue solid; } </style> </head> <body> <div id="wrap"> <table> <tr> <td id="firstRow">top</td> </tr>…

    Asked by shtuceron,

    0 votes
    3 answers

  8. Не понимаю, почему не работает overflow

    Доброго времени суток. Есть задача -- сделать контейнер, который визуально прятался бы за одну из сторон родителя. На данный момент, не получается сделать его уезжающим вправо. На скриншоте: верхний блок -- уезжает за левый край экрана, нижний -- пытается уехать за правый. HTML: <body> <div style="margin: 0px; overflow: hidden; position: static; width: 1009px;"> <div class="horizontal_slide" style="margin: 0px 0px 0px -400px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea…

    Asked by Iron_Snake,

    0 votes
    3 answers

  9. Не понимаю, что сделал не так.

    Здравствуйте, не понимаю что происходит, максимально простое решение, добавить бэк через css. Сделал класс и прописал в css всё. Не работает, проверил 1000 раз всё, не работает. Код html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="content"> </div> </body> </html> И вот код css .content{ background: url('img/back_header.jpg'); } путь к картинке D:\web\Flaby\img Уже не первый день…

    Asked by masloy,

    0 votes
    3 answers

  10. Не понимаю. (вопрос по теории верстки)

    Здравствуйте. Недавно прочитал статью о верстке слоями - Примеры верстки слоями > Две колонки, навигация слева - http://htmlbook.ru/content/?id=107 В комментариях к статье прочел следующее. 13.05.2007 Подскажите пожалуйста как растянуть макет по вертикали на всю страницу? Влад Мержевич 14.05.2007 Не надо растягивать макет на всю высоту, это противоречит идеологии слоев. В связи с этим вопрос - зачем нужна такая верстка? В данном случаи высота будет регулироваться наполненным содержимом, а если содержимого мало? и монитор большой? То содержимое будет висеть в "шапке". Или в таких случаях надо применять таблицы?. :/

    Asked by sneg06,

    0 votes
    2 answers

  11. Не понимаю...

    У меня проблема, не могу прижать боковые колонки к верху. Вот код: <style> .left_container {border: 1px solid gray; width: 200px; height:100px; background-color: #fefefe; border-spacing: 0px;} .left_title {background-image: url('http://img-life.ru/upload_image/cc8e25dab286958a2cc47ccfe98a06a8.png'); height:30px; font-family: Verdana; font-size: 12px; border-bottom: 1px solid gray; padding-left: 5px; color: white; font-weight: bold;} .left_message {vertical-align: top; padding: 5px; font-family: Verdana; font-size: 12px;} .center_container {border: 1px solid gray; width: 800px; height:100px; background-color: #fefefe; border-spacing: 0px;} .center_title {back…

    Asked by epog333,

    0 votes
    6 answers

  12. Не понял

    В этой статье http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/ говорилось о какой-то закругленной пунктирной рамке, у которой пунктир у закругления пропадал, т.е. не попиксельно, а либо показывался полностью либо не показывался совсем. Так как такое реализовать? Я даже не знаю как в гугле точно ввести вопрос о такой вещи))) И как в фотошопе нарисовать закругленную пунктирную рамку?))))))

    Asked by Yahoo!,

    0 votes
    3 answers

  13. Не Понятки

    Я тут тока не давно и не знаю куда точно написать поэтому решил написать сюда! Так что заранее говорю не надо ворчать=) Я просто хотел узнать что можно сделать если у тебя на сайте http://bosco.my1.ru/index/ нужно поменять таблицу входа в систему на другой цвет и изменить фон контента новостей ссылок и тому подобное

    Asked by Ex3,

    0 votes
    7 answers

  14. Не понятки "png на прозрачном фоне"

    Помогите пожалуйста. Мне нужно в полупрозрачном div, выводить png иконки но что б они не были тоже позрачными. Вот html: <div class='footer_app_menu'> <div class='footer_bar_item'><img src='pic/32/circle_32.png'></div> </div> где css стили: .footer_app_menu{ z-index:1000; margin:0 auto;width:700px;border:1px solid #838B8B;background-color:white;border-radius: 45px 45px 0px 0px;margin-top:-37px;height:33px;padding-left:45px;padding-top:2px; /*градиент*/ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); backgr…

    Asked by CrazyBird,

    0 votes
    1 answer

  15. Не понятки в Яндекс браузере.

    Вот мои исходники http://jsfiddle.net/z8Tm5/ Вроде бы все нормально. В браузере firefox все нормально блок стоит по центру. http://s020.radikal.ru/i706/1311/90/e2428552a945.jpg А вот в браузере Яндекс вот такая вот картина http://s020.radikal.ru/i718/1311/17/50ad88c42380.jpg как видите блок div по центру не выровнялся, почему так ?

    Asked by WEB-best,

    0 votes
    1 answer

  16. Не понятки с SetTimeout

    Здравствуйте, Я читал “Современный учебник JavaScript ->Документ и объекты страницы->Навигация по DOM-элементам”. Там в статье есть интерактивный пример навигации в главе “ Интерактивное путешествие”. Вот прямая ссылка https://learn.javascript.ru/traversing-dom#интерактивное-путешествие Мне стало интересно как он работает, и я его вытащил. И странно что у меня он не заработал так как был реализован на сайте. Я его немного исправил и он заработал. А точнее в конце скрипта файла travel.js, я заменил строки. Закомментировал setTimeout, и написал просто init: if (iframe.contentDocument.readyState == 'complete') { //setTimeout(init, 2000); init(); …

    Asked by like-nix,

    0 votes
    2 answers

  17. Не понятки со слоями

    <style type="text/css"> #test1 { margin: 1em auto; z-index: -1; width: 1020px; height: 240px; } </style> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <td align="center" valign="top" style="background:#FF0000"> <div id="test" align="center" style="background:#000000 no-repeat; width:1024px; height:254px"> <div id="test1">Если изображения не видно, обновите страницу браузера</div> </div> </td> </tr> </table> задача сделать <td align="center" valign="top" style="background:#FF0000"> самым нижним слоем, потом id="test1" и самый верхний id="test" Что только н…

    Asked by slavok47,

    0 votes
    14 answers

  18. не понятная ошибка

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

    Asked by slo_nik,

    0 votes
    2 answers

  19. Не понятная проблема с CSS

    Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите? <div class="focus-example cont1" style="text-align: center;"> <input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму"> <span class="letter">UAH - ₴</span> <input type="hidden" value="" name="operation_xml"> <input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature"> </div> <div class="focus-example cont1" style="text-align: center;"> <input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmou…

    Asked by lev99,

    0 votes
    2 answers

  20. Не понятно в чем дело

    У меня возникла проблема в следующем: не могу нормально собрать таблицу, то разъезжается все, то сжимается То что мне надо, но без красного бордера: Link1 Без красного бордера, но получается криво: Link2 В лисичке и опере еще более менее отбражается, а в IE совсем плохо. Идея заключалась в том, чтобы создать таблицу 5*3, крайний слева и справа столбцы - это отступы, а внутренние это оформление(оконтовка) сайта, в центральной ячейке вставлено вертикальное(простейшее) меню. Уже перепробовал кучу способ, чтобы добиться такого оформления Может кто разъяснить где ошибки или подсказать как сделать правильно? С Уважением, Евгений.

    Asked by iLEM,

    0 votes
    20 answers

  21. Не понятно откуда берется иконка на странице

    Добрый день! Вот страница http://boston.cafe18.ru. Там есть такие иконки http://joxi.ru/YxAe31qSzVyGmy. Я просмотрел в коде и css указания на файлы и не могу никак понять как они вставляются. Нигде не вижу пути до иконок.

    Asked by smirn0ff,

    0 votes
    1 answer

  22. не понятно с float

    http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем

    Asked by laliev,

    0 votes
    4 answers

  23. не понятные всевдоклассы

    Подскажите почему для input не работают псевдоклассы before/after???? http://jsfiddle.net/C5hWY/1/ если место инпута сделать ссылку <a> то все работает =\

    Asked by RodgerFox,

    0 votes
    6 answers

  24. Не понятный баг

    Дивная верстка, весь код написан с любовью и пониманием сия деяния. Проблема: при выделении текста и перемещения мышки в право, страница прокручивается в правую сторону. Особенности: Почти весь контент расположен по середине, некоторые элементы располагаются от середины страницы до правой стороны страницы ( затеи дизайна). Прикрепил картинку, для понимания. На картинке безобразно изображены элементы, по середине большой блок, на пример с ним, если выделить текст и ввести вправо, возникает этот тупой баг. Ну и конечно же порция кода. Код для большого блока с 4 прямоугольниками: { padding: 22px 9999px 0px 0px; color: white; border-top: 2px solid white; } Для внутренних…

    Asked by RodgerFox,

    0 votes
    0 answers

  25. Не появляется блок при заданном hover и display:block

    http://cssdesk.com/3VM5m Хочу сделать так чтобы при наведении на блок logo (картинка) появлялся блок info-block. Задавал info-block: display:none и .logo a:hover .info-block { display:block; } Но ожидаемого эффекта не получил. В чем проблема?

    Asked by Temik2704,

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