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
29542 questions in this forum
-
код Отправка Формы Информации
Добрый День. Такой Вопрос, если есть возможность, помогите, кто сталкивался с подобной Темой. Есть форма отправки информации (Имя, Е-мэйл, Телефон, Описание) После заполнения формы, нажав на Отправить, инфо отправляесься на Сервер, храниться там. На сервере создал файл post.php Вопрос заключаеться в следующем: Что нужно прописать в скрипте чтобы заполненная форма номер 1 автоматически отправлялась на емэйл следующему человеку заполнившему следующим ту же форму? Выглядит так: Первый человек заполняет форму, она посылается на сервер и сохраняется в файле. Следующий человек получает на емейл содержимое файла, после чего файл пере…
0 votes0 answers -
как сделать чтобы кнопка не отображалась в мобильной версии сайта
Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>
0 votes2 answers -
Помогите сделать такое
Подскажите пожалуйста, есть ли готовое решение такого переключателя? Или как он называется, что гуглить нужно?) http://wbear.by/uslugi/uborka-kvartir/
0 votes1 answer -
картинка не выравнивается в ИЕ6 и 7
задаю такую конструкцию <img src="media/image002.jpg" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.. доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD X…
0 votes5 answers -
Шрифт с font-size:7px
Подскажите, как можно сделать читабельный шрифт размером в 7px Желательно font-family:Arial; размер разумеется font-size:7px.В фотошопе он сглаживается, а в реальности в браузере отличия с фотошопом хорошо заметны. картинку выложу чуть позже. Спасибо.
0 votes4 answers -
Скрипт ЛаваЛамп и двухуровневое css меню
Здравствуйте. Пишу сайт - http://saionara.fd0.ru/, исполоьзовал скрипт лавалампы, но при переходе на первый уровень меню, полоска раздвигается на две первые ссылки. Не знаю, как сказать точнее, тут по-моему лучше увидеть. Можно это как-нибудь победить? Хотелось бы, чтобы работало независимо от переходов по выпадающим менюшкам... Может кто сталкивался? Тут по-моему надо подправить сам скрипт, чтобы перемещение по подчиненным элементы li на него не влияли, но не знаю как.
0 votes1 answer -
Стилевое оформление тега select
У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html
0 votes6 answers -
Кастомизация input range в opera
Здравствуйте все. Очень буду признателен за любую помощь. есть такой тег: <input type="range" min="0" max="100" step="1" value="50" />Каким образом можно полностью изменить его отобржение в браузере Opera, не используя JS ?
0 votes4 answers -
Разделитель в меню
Здравствуйте, подскажите пожалуйста как сделать такой разделитель через css без картинки. это можно сделать через правый бордер, но как его обрезать? он же не по всей высоте
0 votes11 answers -
цвет фона к заголовку
Добрый день! Подскажите пожалуйста - нужно сделать цвет фона к заголовку, но так, чтобы он был не больше написанного заголовка. background встаёт автоматом на всю строчку ( width=100%). если указывать ширину, то фон получается фиксированный, и не зависит от количества букв в заголовке. Помогите!!))
0 votes2 answers -
помогите разобраться с кодом
добрый день. есть вот такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .table { border:solid 1px #CCCCCC; padding:5px;} .div1 { float:left; background-color:#0000FF; width:250px;} .div2 {background-color:#00FF66; margin-left:250px;} </style> </head> <body> <div class="table"> <div class="div1">hjkhjhlkhjh</div> <div class="di…
0 votes2 answers -
Нашел удобное меню и вставил в интересный див с уголками
Нашел то что давно искал.Удобное мне меню и бокс с уголками но. В FF все норма,в IE как будто нет меню(невидимое) убрав тут float,в IE все становится нормально. #underlinemenu ul{ margin: 0; margin-bottom: 1em; padding-left: 0; float: left; font-weight: bold; width: 100%; border: 1px solid #DFDFDF; border-width: 1px 0; } Но появляется другой мелкий глюк. Подчеркивание в меню в FF поднимается над текстом, а в IE все становится отлично. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="tex…
0 votes2 answers -
Вкладка
В общем хочу сделать как на картинке http://s41.radikal.ru/i092/0909/c4/34766d828bb5.jpg Что бы градиент плавно переходил из вкладки в контент и естественно не было черты, а соседнюю разделяла черта.
0 votes3 answers -
две разные ссылки в одном документе
цвета ссылок меню хочется оставить прежними, изменив при этом только hover отдельных ссылок (вне меню) ссылки меню прописывал в css ,попробовал другим ссылкам поменять цвет через новый класс, ничего не получилось, может ещё как?
0 votes5 answers -
Помогите с divaми
Такая проблемка. Есть 1 див внутри другого. (indent внутри header) <div id="header"> <div class="indent"></div> </div> #header { height:670px; background:url(img1.jpg) bottom left no-repeat; } .indent { width: 962px; height: 466px; background:url(img2.jpg); } Нужно, чтобы img1 перекрывала img2, никак не получается это сделать. Подскажите, что еще нужно в css добавить?
0 votes4 answers -
Проблема с выравниванием по центру в InternetExplorer
Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…
0 votes4 answers -
Растягивающийся по высоте div при вертикальной прокрутке
Уважаемые гуру, подскажите пожалуйста. Дизайн состоит из двух колонок фиксированной ширины, расположенных по центру экрана. Левая колонка маленькая - для меню, рекламы и прочего, имеет цветной фон. Правая колонка для контента. Изначально колонки растянуты но вертикали на 100%. Верстка сделана следующим образом: левая колонка имеет внутри несколько div-ов с абсолютным позиционированием для вывода фиксированных бэкграундов, а потом идет див, у бакграунда которого стоит repeat-y, для заполнения до низа браузера. Однако, если контента больше, чем на экранную страницу, то при скроллинге левая колонка съезжает вверх, отрываясь от нижнего края браузера: Верстка тут: http://fil…
0 votes4 answers -
В чем ошибка?
Вот ссылка - http://validator.w3.org/check?uri=http%3A%2F%2Fupdatedir.ucoz.ru%2Fdir&charset=%28detect+automatically%29&doctype=Inline&group=0 Я не пойму в чем суть моей ошибки? После "/" пишет ошибку точнее выделяет ">" выделяет красным!Почему? Извините=)перевел на русский и все понял)) Только теперь еще проблемка.Перевел текст,но не понял в чем суть проблемы Еще раз тысяча извинений))я все понял что от меня хотят)дело в том,что я не поставил элемент ul))просто это тег я разместил на странице со всем атериалами)) А вот теперь я бессилен((подскажите в чем суть моих ошибок?
0 votes6 answers -
не получается сделать меню горизонтально
добрый день. недавно, менее 2ух недель я изучаю хтмл и цсс. Решил сделать сай, пробный. пытаюсь сделать у сайта горизонтальную меню, для этого я вставляю [i]display: inline.[/i] и вроде всё гуд, но не то немного. у меня элементы подстраиваются под размер содержимого. как мне сделать так чтобы оно оставалось тем же размером что было?? я уже подумываю каждой кнопке делать отдельный блок где будет прописан своё местоположение. я надеюсь что не криво изложил свою мысль и проблему)) ниже сам код
0 votes3 answers -
Проблема с отступами (display: teble;)
В общем такая структура веб страницы: есть 2 сайдбара (каждый display:table-cell;) по бокам и контент (display:table-cell;) по середине. Все это упаковано в div c display: table; Проблема заключается в том, что когда я делаю у среднего блока отступ внтури (padding) он как то применяется и к боковым колонкам. Почему, посоветуйте что-то дельное - в чем причина? Примечание №1 11 мая 2014 г., 1:14:50проблема именно с верхним отступомПримечание №2 11 мая 2014 г., 1:17:38чтоб конкретнее то я не у самого среднего блока делаю а у его ребенка, то есть у блока который внутри среднего. Пишу padding: 20px; у боковых стоит padding:0 25px; но почему-то верхний отступ у них как то появ…
0 votes2 answers -
Помогите разобраться с мультиклассовостью
Здравствуйте участники форума помогите с таким вопросом создал небольшой пример, код которого приведу ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <div class = "orange yellow"> </div></div></body></html>* {margin: 0 ;padding: 0 ;}ul{list-style-type: none ; }img {border: none ;}div{margin: 0 auto ;width: 400px ;height: 400px ;}.orange{background: orange ;}.yellow{background: yellow ;}В данном варианте все отрабатывает отлично, как нужно. Но …
0 votes3 answers -
Div'ы на разной высоте
Есть страница http://www.slawyer.ru/landing Там есть блок Почему выбирают нас? http://joxi.ru/0KAgn84cNQyd2l Помогите внутри него дивы выровнять по горизонтали http://joxi.ru/XYmEZnxHB8lQ26
0 votes6 answers -
Помогите опустить фон под теги p
Проблема собственно в следующем. Есть div в котором 3 колонки с текстом сделанные с помощью p, далее идет новый div в который я хочу поместить фон через background url, но он ставиться не под блоком с текстом, а на его задний план. Подскажите как его поставить на место? Мне кажется это из-за того что p строчный тег из-за этого он не хочет ставиться, а как исправить понять не могу. http://pastenow.ru/DYKB
0 votes7 answers -
Футер и скролл сециями
Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/
0 votes1 answer -
html детранслитеризатор
Здравствуйте, уважаемые господа! Столкнулся с проблемой того, что необходим детранслитеризатор, т.е.: в маленькое окошечко вводишь запрос транслитом, нажимаешь поиск, и после этого этот запрос отправляеться, например, в гугол( http://google.com/?q=[запрос] ), но только уже детранслированным. Очень прошу вас помочь... Мне это очень срочно нужно... Странная, конечно, на вид, проблема, но поймите... Заранее, очень благодарен! PS: Вот таблица транслита: а=a б=b в=v г=g д=d е=e ?=jo ж=zh з=z и=i й=ii к=k л=l м=m н=n о=o п=p р=r с=s т=t у=u ф=f х=kh ц=c ч=ch ш=sh щ=sha ъ='' ы=y ь=' э=je ю=ju я=ja
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-