HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
footer изменение информации с помощью css
<footer> тут написана нужная инфа </footer> как прописать в footer в css что бы он был сразу заполнен определённым текстом, а не заполнять на каждой странице footer отдельно заранее спасибо
0 votes9 answers -
footer к низу во всех браузерах.
Ребята, привет! Предмет разговора: www.w3u.ru Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код. В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса. Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе…
0 votes14 answers -
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…
0 votes10 answers -
FOOTER как решать ?
Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет
0 votes1 answer -
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"> …
0 votes11 answers -
Footer не хочет прилегать к низу....
День добрый. Возникла проблема при верстке. У подвала выставил все необходимые параметры, для того, чтобы он позиционировал всегда снизу, даже если контента нет #footer { position: relative; clear: both; height: 100px; background: url('../images/footer.jpg') repeat-x scroll; } и в body прописывал, вс?, что нужно... что только не делал... но он не прислоняется книзу... NEED HELP ASSAP
0 votes4 answers -
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…
0 votes11 answers -
Footer по нижнему краю
Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 21 век на дворе Буду признателен за помошь!
0 votes9 answers -
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>
0 votes1 answer -
Footer при margin:0 auto.
Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.
0 votes19 answers -
footer прибить к низу
имеем блок footer, на некоторых страницах текста мало и footer оказывается по средине окна браузера, под ним пусто - смотрится не очень. как прибить его к низу окна браузера?
0 votes1 answer -
footer разрешения
Делаю простенький адаптивный шаблон с помощью бутсреп и возник вопрос. Контент на разных устройствах отображаетца как надо, но примеру на устройстве Kindle portrait 600 x 1024 в футере текст немного заходит на картинку, которая в правом углу прижата. Посоветуйте пожалуйста, как можно это исправить?
0 votes4 answers -
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>
0 votes6 answers -
form
Помогите не могу понять создал форму задал для поля через css фоновое изображение но остались края от формы как от них избавится или может я неправильно задал фон для формы. jsfiddle.net/zRwvH/
0 votes2 answers -
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…
0 votes8 answers -
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 (цвет границы, цвет стрелки на бегунке)?
0 votes7 answers -
form - использование двух action
нужно сделать поиск по двум сайтам в одном текстовом поле с двумя кнопочками для переключения. одна проблема: использование двух адресов (action) которые обрабатывает данные формы. action="http://sitename1.**/cgi-bin/search.cgi" action="http://sitename2.**/cgi-bin/search.cgi" Как можно реализовать такое???
0 votes10 answers -
FORM - передача данных на два сервера
Привет. Есть такая проблема. При сабмите формы необходимо передать введенные в нее данные через POST сразу на два сервера (site1.com и site2.com). Каким образом можно это реализовать? Спасибо.
0 votes4 answers -
FORM - передача параметров на e-mail
Хочу сделать у себя на сайте форму состоящую из тр?х полей. Чтобы информация занес?нная в эти поля попадала мне на E-mail. Подскажите, как сделать? Буду признателен. Сайт на народе.
0 votes22 answers -
FORM - функции кнопки
Возможно ли подвесить на кнопку ОК формы функцию аналогичную кнопке "обновить" браузера и как это сделать?
0 votes4 answers -
FORM SELECT ограничение строк
Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...
0 votes3 answers -
form: ссылка action. radio: выбор по умолчанию
как сделать чтобы форма выдавала ссылкой кроме выбора варианта еще и мои переменные action="index.php?compact=1&wn=7" на практике получается передается только выбор варианта radio. и как можно сделать пункт radio по умолчанию выбранным?
0 votes4 answers -
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. В заранее благодарен за помощь...
0 votes3 answers -
form>input ?
Где-то слышал, что помещать теги input напрямую в form не валидно (нужно оборачивать в fieldset, label, div и т. д.). Валидатор вроде молчит, но все же, интересно стало: как тут обстоят дела с точки зрения семантики?
0 votes2 answers -
FORMA
Есть форма с полями. По нажатию клавиши на клавиатуре "Enter" форма отправляется. Как сделать так что бы этого не происходило?
0 votes11 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-