- 0
-
Similar Content
-
By s.brume
Всем привет. Прошу помощи в настройке модальной формы. Из трёх заработала только одна - но самая некрасивая, теперь пытаюсь её заменить, но другие две работать отказываются.
1. В общем, в меню имеется кнопка-картинка такого вида: <li><a href="#form1"><img src="call-me/callme.png" alt="Заказать звонок"></a></li> = она будет вызывать форму. Я сначала грешил именно на то, что менюшка в шапке, а код формы оказывается в теле, но нет - всё это уже тело. Хотя здесь тоже не ясно, шапка и менюшка визуально похожи..... Но об этом позже, если понадобится.
2. Дальше я пишу в тело (можно сказать в рандомное место) вот это:
<!-- Модальная форма -->
<a href="#x" class="overlay" id="form1"></a>
<form class="modal">
<input name="name" placeholder="Укажите ваше имя:" class="name" required />
<input name="emailaddress" placeholder="Укажите ваш Email:" class="email" type="email" required />
<textarea rows="4" cols="50" name="subject" placeholder="Введите ваше сообщение:" class="message" required></textarea>
<input name="submit" class="btn" type="submit" value="Отправить" />
</form>
<!-- конец блока формы-->
3. Потом я прописывал в стили новый кусок (style-form.css, см. вложение), а также пробовал цеплять его к html через link rel = но ничего так и не заработало.
Получается что: при нажатии кнопки ничего не выводится, лишь страница уезжает куда-то немного вниз.
Прошу помощи. С чего начать, куда копать?
p.s. Я совсем новичок, если что.
style-form.css
-
By sadko007
Всем привет.
Собрал шаблон jsfiddle но знаю что сделал криво, прошу посоветовать как правильно такое реализовать, сейчас поведение блоков именно такое как нужно, просто думаю что реализовано неверно.
На экранах компьютеров должно быть две колонки, левая с картинкой во всю высоту и примерно в половину ширины. В правой колонке текст. На мобильных устройствах, левая колонка поднимается в самый верх на всю ширину экрана, а ниже уже идет текстовый блок который был справа. Пытался сделать кросбраузерно но не получилось, у меня используется свойство background-size: cover которое ниже ие 9 не поддерживается.
Пробовал картинку делать не бекграундом, а как обычное img с помощью этого скрипта jsfiddle.net но что то у меня не получилось, на больших разрешениях img фиксируется но при этом растягивается на весь экран.
В общем буду признателен за любые дельные советы подсказки или критику
-
By Дмитрий12
Нарооооод
я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке
вот демка сайта которую копировал
http://www.woweb.ru/td1/048/
а вот собственно мои файлы
жду так сказать критику что нуб и тд хех
ну вродь выглядит неплохо на всех браузерах
завтра буду делать что посложнее
index.html
style.css
-
By djforce
Друзья, помогите пожалуйста сделать для сайта шапку, у меня есть вот такая разбивка:
Могли бы подсказать как сделать такую форму, вот divы
<div class="allh div1"> <div class="allh div2"> <div class="allh dostavka div3"> </div> <div class="allh search div4"> </div> </div> <div class="allh div5"> </div> <div class="allh logo div6"> </div> <div class="allh div7"> <div class="allh tel div10"> <div class="allh div8"> </div> </div> <div class="allh call div11"> <div class="allh div9"> </div> </div> <div class="allh occall div12"> </div> </div> <div class="allh cart div13"> </div> </div> Я не силен в позиционировании дивов, подскажите как тут лучше сделать?
Может тупо таблицей?
-
By crowdya
Нашел готовый шаблон сайта, сайт простой, (шапка, боковое меню слева, около 15 пунктов, в центре блоки с инфой, справа и снизу реклама, но это к делу не относится.) С
В папке с сайтом только index.html и редактировать могу только его, т.е основную страницу, так же там картинки+css, но в это можно не лезть, вся суть в страницах.
Кто поможет разобраться и скажет, как отредактировать каждую страницу?
На хостинге, когда заливаю этот шаблон работают все страницы, но как их редактировать мне не понятно.
Помощь оплачу. (Лучше указывайте сразу цену за работу)
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
dupre
Увидел здесь http://htmlbook.ru/samhtml5/formy/shablon-vvoda-dannykh шаблон ввода данных для текстовых полей формы обратной связи. Насколько я знал, подобное делается на js и php. Верное ли это решение для сегодняшнего дня и стоит ли это примеять? Ведь дата публикации достаточно стара — 10.09.2011.
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.