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. footer изменение информации с помощью css

    <footer> тут написана нужная инфа </footer> как прописать в footer в css что бы он был сразу заполнен определённым текстом, а не заполнять на каждой странице footer отдельно заранее спасибо

    Asked by zedart,

    0 votes
    9 answers

  2. footer к низу во всех браузерах.

    Ребята, привет! Предмет разговора: www.w3u.ru Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код. В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса. Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе…

    Asked by Вадим,

    0 votes
    14 answers

  3. Footer к низу страницы

    Добрый день. Не могу справиться с задачей позиционирования футера к низу экрана при недостаточном количестве контента. Использую HTML5. <html> <body> <header /> <div.content /> <aside /> <footer /> </body> </html> http://григорий-аникин.рф/test/e-dotu/ http://григорий-аникин.рф/test/e-dotu/styles.css Вот это в Firefox работает, но в остальных браузерах нет: <html style="position:relative;min-height:100%;"> <body> <header /> <div.content /> <aside /> <footer style="height:40px;position:absolute;bottom:0;"/> </body> </html> Предлагаемые решения не работают: <html style…

    Asked by TMGLUK,

    0 votes
    10 answers

  4. FOOTER как решать ?

    Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет

    Asked by Вячеслав петров,

    0 votes
    1 answer

  5. Footer макета неправильно отображается

    Всем привет! Народ, я вот только начал изучать верстку. Набросал несколько блоков <div>. Если менять размер браузера по ширине - то тут всё нормально отображается, а вот если менять по высоте, то нижний блок (footer) съезжает вниз, и выходит за пределы контейнера, в котором он расположен. И кстати 2-й снизу блок также съезжает, если браузер уж очень сильно сжать по вертикали. Подскажите как это можно исправить. HTML: <html><head><title>Заголовок страницы</title><link rel="stylesheet" href="css/style.css" type="text/css"></head><body><div class="container"> <div class="top"> </div> <div id="header"> …

    Asked by fenix_63,

    0 votes
    11 answers

  6. Footer не хочет прилегать к низу....

    День добрый. Возникла проблема при верстке. У подвала выставил все необходимые параметры, для того, чтобы он позиционировал всегда снизу, даже если контента нет #footer { position: relative; clear: both; height: 100px; background: url('../images/footer.jpg') repeat-x scroll; } и в body прописывал, вс?, что нужно... что только не делал... но он не прислоняется книзу... NEED HELP ASSAP

    Asked by Sotnikov,

    0 votes
    4 answers

  7. footer отображаеться не коректно

    Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <st…

    Asked by green-vik,

    0 votes
    11 answers

  8. Footer по нижнему краю

    Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 21 век на дворе Буду признателен за помошь!

    Asked by inweb,

    0 votes
    9 answers

  9. footer поверх map

    Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>

    Asked by marriavass,

    0 votes
    1 answer

  10. Footer при margin:0 auto.

    Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.

    Asked by BobKadler,

    0 votes
    19 answers

  11. footer прибить к низу

    имеем блок footer, на некоторых страницах текста мало и footer оказывается по средине окна браузера, под ним пусто - смотрится не очень. как прибить его к низу окна браузера?

    Asked by jurassik,

    0 votes
    1 answer

  12. footer разрешения

    Делаю простенький адаптивный шаблон с помощью бутсреп и возник вопрос. Контент на разных устройствах отображаетца как надо, но примеру на устройстве Kindle portrait 600 x 1024 в футере текст немного заходит на картинку, которая в правом углу прижата. Посоветуйте пожалуйста, как можно это исправить?

    Asked by umgd,

    0 votes
    4 answers

  13. FORM

    Нужно проверить введен ли в адрес строки число?(!) По-моему нужно использовать isNan, хотя может parseFloat... не знаю, помогите <html> <title>Формы</title> <form name="formname"> <input type="text" name="text1"> <input type="button" name="buttonName" onClick="test()" value="OK"> </form> <script> function test() { isNaN(text1) if (formname.text1.value.isNan) // вот в этом месте что-то нужно сделать... { ok1=false alert("Введите число!") } else ok1=true if (ok1) alert ("Форма заполнена") } </script> </html>

    Asked by Alena,

    0 votes
    6 answers

  14. form

    Помогите не могу понять создал форму задал для поля через css фоновое изображение но остались края от формы как от них избавится или может я неправильно задал фон для формы. jsfiddle.net/zRwvH/

    Asked by nimens,

    0 votes
    2 answers

  15. form - label - input. Заступает текст

    Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…

    Asked by ZoomAll,

    0 votes
    8 answers

  16. FORM - в таблице появляется отступ

    Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?

    Asked by okunev2,

    0 votes
    7 answers

  17. form - использование двух action

    нужно сделать поиск по двум сайтам в одном текстовом поле с двумя кнопочками для переключения. одна проблема: использование двух адресов (action) которые обрабатывает данные формы. action="http://sitename1.**/cgi-bin/search.cgi" action="http://sitename2.**/cgi-bin/search.cgi" Как можно реализовать такое???

    Asked by sikvestor,

    0 votes
    10 answers

  18. FORM - передача данных на два сервера

    Привет. Есть такая проблема. При сабмите формы необходимо передать введенные в нее данные через POST сразу на два сервера (site1.com и site2.com). Каким образом можно это реализовать? Спасибо.

    Asked by mill,

    0 votes
    4 answers

  19. FORM - передача параметров на e-mail

    Хочу сделать у себя на сайте форму состоящую из тр?х полей. Чтобы информация занес?нная в эти поля попадала мне на E-mail. Подскажите, как сделать? Буду признателен. Сайт на народе.

    Asked by CRANK,

    0 votes
    22 answers

  20. FORM - функции кнопки

    Возможно ли подвесить на кнопку ОК формы функцию аналогичную кнопке "обновить" браузера и как это сделать?

    Asked by Иван,

    0 votes
    4 answers

  21. FORM SELECT ограничение строк

    Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...

    Asked by rash,

    0 votes
    3 answers

  22. form: ссылка action. radio: выбор по умолчанию

    как сделать чтобы форма выдавала ссылкой кроме выбора варианта еще и мои переменные action="index.php?compact=1&wn=7" на практике получается передается только выбор варианта radio. и как можно сделать пункт radio по умолчанию выбранным?

    Asked by HotCoffee,

    0 votes
    4 answers

  23. Form:select,checkbox,input

    Доброе Утро! Подскажите пожалуйста кто знает: Кроссбраузерные плагины для Form(select,checkbox,input)! Сделать это необходимо на следующую страницу: http://yamaradg.narod2.ru/history/Hosting_Company/1.html Верстаю под: Mazillu,Safari,Operu,Google Chrome,IE-7,8,9... P.S. В заранее благодарен за помощь...

    Asked by Yamaradg,

    0 votes
    3 answers

  24. form>input ?

    Где-то слышал, что помещать теги input напрямую в form не валидно (нужно оборачивать в fieldset, label, div и т. д.). Валидатор вроде молчит, но все же, интересно стало: как тут обстоят дела с точки зрения семантики?

    Asked by Riim,

    0 votes
    2 answers

  25. FORMA

    Есть форма с полями. По нажатию клавиши на клавиатуре "Enter" форма отправляется. Как сделать так что бы этого не происходило?

    Asked by Bolmazov,

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