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. 2 проблемы с формой

    Всем привет. Код формы: <div id="contact-wrapper"> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform"> <div> <label for="name"><strong>Name:</strong></label> <input type="text" size="50" name="contactname" id="contactname" value="" /> </div> <div> <label for="email"><strong>Email:</strong></label> <input type="text" size="50" name="email" id="email" value="" /> </div> <div> <label for="subject"><strong>Budget:</strong></label> <input type="text" size="50" name="subject" id="subject" value=""…

    Asked by nazarlee,

    0 votes
    1 answer

  2. 2 прямоугольные трапеции, обращенные друг к другу

    Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/

    Asked by VasyOK{!},

    0 votes
    1 answer

  3. 2 разные Bootstrap сетки

    Всем привет. Есть макет, который отрисован по Bootstrap сетки. Однако на оснвных страницах используется стандартная сетка шириной 1170px, а на нескольких внутренних используется сетка шириной 960px. Как верстать такой сайт правильнее? Подключать два файла стилей бутсрапа? Как тогда указать, как использоваться в данный момент. Заранее спасибо за ответ!:)

    Asked by IvanRu08,

    0 votes
    2 answers

  4. 2 разных беграунда

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

    Asked by termoplus,

    0 votes
    7 answers

  5. 2 разных бекграунда по сторонам основного блока

    Столкнулся с проблемой по разным бекграундам со сторон центрального блока. В идеале должно получится следующее: Собственно можно как-то это сделать используя только центральный div и background-image станицы? Если нет то понимаю нужно делать 3 шт. div по бокам резиновые по центру с заданными пропорциями, может кто код подскажет? Заранее спасибо за внимание

    Asked by tellium,

    0 votes
    8 answers

  6. 2 Рисунка В Одном Классе

    Здравствуйте! Можно ли сделать так что бы в одном классе было background-image:.... и вставить рисунок еще один только что бы он был не background?

    Asked by No_LiMiT,

    0 votes
    11 answers

  7. 2 слоя на 100%

    Задача: на фоне картинка, 100% на 100% сверху таблица 100% на 100% С таблицей разобрались, с фоном тоже, теперь нужно их совместить. разные варианты position дают совершенно разный результат в разных браузерах. В опера и моз удачно работает данный вариант, в ИЕ все абсолютом Сможет кто предложить универсальный рабочий вариант? В идеале должна получится 100% резиновая страница стили: <style type="text/css"> #page { position: relative; min-height: 100%; margin: 0 0 0 0; top: 0; left: 0; z-index: 2;} #back { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: 0 0 0 0; z-index: 1;} </style> фон: <div id…

    Asked by SibBear,

    0 votes
    1 answer

  8. 2 события

    почитал jq-доки и не смог понять в чем разница между собтиями $(window).load() и $('document').ready() поясните пожалуйста

    Asked by cyklop77,

    0 votes
    1 answer

  9. 2 ссылки на одну картинку

    Здравствуйте! А можно ли не разрезая картинку сделать из нее две ссылки? Если можно, то каким способом?

    Asked by Imperil,

    0 votes
    1 answer

  10. 2 стиля

    У меня проблема никак не могу разобоатьс: у меня есть файл со стилями(style.css): A:hover{ color: green; } и html в который подключаю стили <head> <title>ААА</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF" background="images/fon.jpg"> <a href="the%20punk/the%20punk1.php"> <span style="text-decoration: none;"> Ссылка №1</span></a> <a href="2.php">Ссылка№2&…

    Asked by Noks,

    0 votes
    15 answers

  11. 2 строки на одной

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

    Asked by Игорь Ермаков,

    0 votes
    9 answers

  12. 2 строки центрировать вертикально относительно изображения

    Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.

    Asked by hike,

    0 votes
    2 answers

  13. 2 таблицы, одна position:absolute, нужно уровнять высоту

    Здравствуйте. Вот такая вот система: <table style="height:100%; background-color:#c70000" border="1"> <tr> <td height="100%"> </td> </tr> </table> <table style="position:absolute; top:0; left:0" border="1"> <tr> <td height="2000px">content</td> </tr> </table> Первая таблица играет роль фона, но но растягивается только на высоту экрана без скролла потому, что вторая таблица, которая и вызвала появление скролла имеет position:absolute Есть идеи как растянуть первую таблицу, не используя javascript и с учетом, что высота второ1 таблицы не предопределена? Заранее спасибо.

    Asked by viod,

    0 votes
    20 answers

  14. 2 таймера на странице

    Как поставить два таймера на странице, чтобы ещё они работали синхронно?

    Asked by Tobey,

    0 votes
    2 answers

  15. 2 текстовых поля

    Здравствуйте, раньше делал такое, и что то подзабыл уже(( <p> <input name="1" type="text" /> </p> <p> <input name="2" type="text" /> </p> как сделать что бы при вводе данных в первре поле, они сразу же вводились во воторое, помню что код был а 2-3 строчки, помогите плиз,.. Спасибо!

    Asked by slavok47,

    0 votes
    2 answers

  16. 2 тени

    как можно задать 2 тени? использую такой css код box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; -moz-box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; -webkit-box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; Opera отображает все нормально, а хром и мазила не отображают тень вообще

    Asked by Avalon4eg,

    0 votes
    2 answers

  17. 2 фиксированных колонки и 1 резиновая по середине без использования position:absolute

    Добрый день. Возникла задача сверстать сайт с тремя блоками в шапке, центральный из которых резиновый и при этом они должны определенным образом опускаться друг под друга при уменьшении окна. Красным показано уменьшение окна поэтапно. Левый и правый блоки заданной ширины по 288px. Средний блок должен быть резиновым. Использовать можно только CSS и нельзя пользоваться абсолютным позиционированием. А теперь поэтапно: 1. Окновмещает в себя все блоки. Средний блок тянется по ширине. Высота у всех блоков тоже задана 113px. 2. Доходим до точки, когда средний блок достиг ширины в 228 пикселей и сейчас олжно произойти смещение одного блока. 3a. Центральный блок выпадает вниз и…

    Asked by Snitch,

    0 votes
    2 answers

  18. 2 фиксированых блока в 1м резиновом

    Доброго времени дня...я только начал верстать div(ами) и вот столкнулся с проблемой. Есть 2 колонки фиксированной ширины выравненные по центру, длинна колонок зависит от контента - задача сделать фон от бортов колонок до края экрана определённого цвета, ширина-резиновая, высота - по максимуму высоты центральных колонок, написал такой код: <html> <head> <title>test</title> <style type="text/css"> body { padding:0px; border:0px; margin:0px } .rubber { width:100%; background-color:#F00; height:auto } .wrapper { width:780px; margin:auto; } .half_wrapper { width:390px; background-color:#9FF; float:left; height:auto } </style&…

    Asked by Garnet,

    0 votes
    6 answers

  19. 2 флешь меню

    Люди прошу помощи я новенький в этом деле, создаю сайт на joomla 1.5.9 переделываю шаблон и хочу вставить туда 2 флешь меню сделанное в flash menu labs но получается какая то фигня, ставлю параметр transparent он отодвигает текст в низ, а мне бы хотелось чтоб текс оставался на месте а меню на него подало сверху. А по умолчанию если нечего не менять то боковое меню не нажимается в мозиле не нажимается(в остальных браузерах нормально) зайдите плиз сюда и посмотрите сами в чем проблема. Мне нужно чтоб меню с левой стороны нажималось нормально в мозиле!!! За ранее всем спасибо! Буду рад любой помощи!

    Asked by igorek777,

    0 votes
    0 answers

  20. 2 фона в одном слое

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

    Asked by woofs,

    0 votes
    6 answers

  21. 2 формы 1 в 1, но 1 не работает

    http://www.zierer.ru/buy.php - не работает http://www.activeheat.ru/contacts.php - работает Никак не могу найти причину, почему после отправки форма на сайте zierer.ru возвращает страницу сайта, а не сообщение об успешной доставке. Форма на AJAX + JS + PHP + CSS... Думаю причину искать надо где-то в конфликте HTML,... но никак не найду... Помогите, пожалуйста.

    Asked by allmoney.ws,

    0 votes
    2 answers

  22. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    1 answer

  23. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    0 answers

  24. 2-этажное меню

    хочу сделать 2 горизонтальных выпадающих меню, которые прижаты друг к другу. если для одного горизонтального меню сделать выпадающее - не проблема, то для двух уже начинаются глюки см. http://woyar.leaderhost.ru/nav.html (корректно отображается только нижнее меню) или http://woyar.leaderhost.ru/nav2.html(корректно отображается только верхнее меню). совместить оба приема не получается. мучаюсь уже неделю. посмотрите свежим взглядом, может подскажете чего.

    Asked by thorr,

    0 votes
    1 answer

  25. 2ух-колоночная страница

    делал по уроку на этом сайте при создании 2ух колонок правая колонки ниже левой article { /* Левая колонка */ margin-right: 240px; /* Отступ слева */ } видимо из-за margin-right правая колонка опускается как исправить? p.s. выравнивание правой колонки идет ниже контента в левой колонке ,т.е если убрать контент в левой колонке ,то колонки будут на одном уровне .content-gradient { background: #fff url(images/content-gradient.png) repeat-x; } .content-bg { width: 960px; /* Ширина макета */ margin: auto; /* Выравнивание по центру */ background: #fff no-repeat; /* Фон с границами */ } .content-white { background: #fff; /* Белый цвет фона */ margin: 0 11px; /…

    Asked by MaSoGg,

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