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
-
Форма обратной связи HTML/PHP
Всем доброго времени суток. Я новичок в верстке, и у меня возник вопрос по поводу форм. Сверстал простейшую форму, запрашивающую имя, мыло и текст сообщения. Потом понял, что она сама по себе не будет работать. Прошерстил интернет, понял, что нужно использовать php. Нашел готовый скрипт php для формы. Маленько разобрался в нем, поменял названия атрибутов name, где надо. Однако форма то выдает иероглифы, то ошибки. А письма совсем не отправляет. Сайт, на котором форма, находится на бесплатном хостинге на hostinger. Файлы сайта index.html и скрипта mail.php лежат в одной папке public-html. Форма: <form class="feedback-form" action="mail.php" method="…
0 votes2 answers -
Подгонка фонового рисунка
Здравствуйте! У меня фоновый рисунок размером 1600х1000 а монитор 1280х800. Когда я вставляю фон некоторая часть фона выходит за рамки разрешения. Как можно сделать, чтобы фон отображался полностью?
0 votes8 answers -
Горизонтальный список блоками в IE и не только)
Вот В IE7 выводится вертикально. LI делаю блоками, потому что они должны ограничивать ширину внутренних элементов li inline не помогает Что не так? Как-то я криво сверстал, а где накосячил - не пойму, пятница видимо И еще, бонусом вопрос - как убрать подчеркивание у текста в круге? text-decoration не помогает Вариант - смысловой текст ссылки в spаn - и уже ему назначать подчеркивание а самой ссылке установить text-decorationЖтщту В общем, ребята, если подкинете совет, то буду признателен.
0 votes22 answers -
Кнопка не выравнивается по центру
Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!
0 votes5 answers -
верстка таблица отступы
Салемствую Хотел сделать таблицу должна выгледить вот так. http://slil.ru/24502174 А у меня , что то вообше не полуаеться вставляю верхние рис. Устанавливаю минус маргину и на ИЕ вообше рис пропадают на ФФ они вроде как стаят , но после обновления страницы они как и в ИЕ исчезают. Нижние рамки не могу не как сделать. И еще мне кажется что я ее через чурь намудрил например знаю что можно сделать без минусовоого маргина , но не знаю как без него , кто сможет показать как сделать ее более удобной ? Выслушаю все предложения... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title…
0 votes9 answers -
Логотип сайта в браузере
Хочу создать такую штуку как у вас на сайте или в любом поисковике, чтобы в вверху, перед адресом страницы находилась картинка. Как это сделать???
0 votes2 answers -
Редактирование шаблонов Joomla.
Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?
0 votes7 answers -
Несколько внешних шрифтов
Добрый день. Понадобилось вставить внешние шрифты в сайт. воспользовался этим : @font-face { font-family: "Rounded"; src: url(fonts/rounded.ttf); } Вопрос в том, как допустим 2 и более шрифтов загрузить?
0 votes7 answers -
:hover
Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?
0 votes32 answers -
Кириллица через form
Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> &l…
0 votes1 answer -
Фоновый рисунок
помогите плиз умным тегом что бы подогнать размер фонового рисунка под размеры страницы. что бы при любом разрешении картинка не уезжала. width: 75%; /* Ширина блока */ height: 90%; /* Высота блока */ не катят с BODY { background: url("123.jpg") /* Путь к графическому файлу */ no-repeat /* Отменяем повторение рисунка */ 0px /* Смещаем рисунок вправо */ 0px; /* Сдвигаем рисунок вниз */ text-align: center; }
0 votes13 answers -
Не отображается фон у DIV'а
Не отображается фон у DIV'а (хтмл) вот такое свойство у дива { background: url('des/img.gif') 0 0 no-repeat fixed; width: 920px; height: 59px; margin: 144px auto 0; } путь к фону указал правильный при просмотре в браузерах, фон у дива не отображается в чем ошибка?
0 votes6 answers -
Съезжают картинки
Текст обтекает картинку, но если его мало и он не доходит до низа картинки, то следующая картинка съезжает вверх, и находится справа от картинки, под текстом. Как сделать чтобы не съезжало?
0 votes2 answers -
Лишний отступ тег li, ul. Баг в IE
Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью ul, li. В Опере, ФФ, Хроме - всё хорошо, а в ИЕ получается двойной отступ (Или мне так кажется) Код меню <dl class="left_menu"> <dt class="lm_title"><span><b class="lmt_ico"> </b><b class="lmt_sh"> </b>Заголовок</span></dt> <dd> <ul class="sub"> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <…
0 votes5 answers -
Большая картинка в меньшем диве
Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.
0 votes12 answers -
подключить файл через медиа-запрос
научите пожалуйста подключать определенный файл стилей в зависимости от фактической ширины экрана. следующий код работает <style media="screen">@import "css/styles1.css";</style> <style media="print">@import "css/styles2.css";</style> но здесь проверяется тип принимающего устройства. мне же нужно при ширине экрана >1000px подключать css/styles1.css , при ширине экрана <1000px подключать css/styles2.css
0 votes5 answers -
Chrome: Анимация срабатывает сразу после загрузки страницы
Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…
0 votes1 answer -
Как правильно делать hover для иконок?!
Добрый день, дорогие форумчане! Нужно сделать ховер-эффект у иконки соц-сети. Он заключается в следующем: 1) До наведения - http://joxi.ru/VrwpeqgubwyEmX 2) После наведения - http://joxi.ru/v297yWjU9XBgrG Но раз это изображение, то у него нельзя поменять цвет фона. Уместно ли будет сделать так, чтобы менялось фоновое изображение блока. То есть создать блок, у которого background-image при наведении будет менять свое значение. Или есть другие правильные способы реализации? Например использовать специальный шрифт для иконок соц-сетей. Всем спасибо!
0 votes5 answers -
Проблема с repeat
Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }
0 votes13 answers -
Непонятные ошибки
При работе со Smarty возникли следующие ошибки: 1) В ФФ появился 13-и пиксельный отступ сверху, причём Именно в ФФ и к тамуже всё обнулино 100%, откуда он взялся, не понятно? 2) Потом Валидатор CSS выдаёт следующие ошибки: 152 Ошибка значения : width только 0 может быть length. Вы должны указать после числа единицы измерения : 170 152 Ошибка значения : height только 0 может быть length. Вы должны указать после числа единицы измерения : 55 При этом прикол в том, что строки Номер 152 не существует, код состоит свего из 105 строк... Что означают эти ошибки и откуда они взялись?
0 votes7 answers -
Не работает float в IE6
Не могу разбить хедер на блоки. CSS: .header_left { float : left; width : 230px; height : 140px; margin : 0; padding : 0; } .header_center { float : left; width : 370px; height : 140px; margin : 0; padding : 0; } .header_right { float : right; width : 250px; height : 140px; margin : 0; padding : 0; } HTML: <div id="header"> <div class="header_left"> </div> <div class="header_center"></div> <div class="header_right"></div> </div> Проблема возникла с header_right. В IE6 он упорно растягивается на все свободное место на странице. Подскажите, пожалуйста, как заставить блок соответствов…
0 votes9 answers -
Не работает выпадающее меню на CSS
Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…
0 votes7 answers -
Виснет ie при просмотре сайта.
Собственно сабж. http://grandreklama.ru.equinox.neolocation.net/pkat13_136/ ——— сайт Если нажать кнопку подробнее то ie зависает. При этом в остальных браузерах все работает отлично. В верстке сайта принимало участие достаточно большое количество несвязанных людей, но последним был я (( поэтому и спрашивают с меня ( а я реально не пойму почему так происходит (( И понятия не имею как отловить место, в котором IE капризничает ((( Может кто знает каие-нить средства или алгоритмы анализа кода под IE? Ну или хоть что-нить, может подсказать,буду благодарен за любую информацию. Заранее спасибо.
0 votes9 answers -
Как сдвинуть изображение маркированного списка
Есть сайт на этом шаблоне. Подпункты меню сделаны маркированным списком. Маркером является png изображение. После уменьшения интерлиньяжа маркеры никуда не сдвинулись в то время как сами пункты меню выглядят как мне надо. Как всё выглядит в демо шаблона: Как выглядит у меня: Как мне подвинуть маркер повыше ? Код отвечающий за интерлиньяж и маркер:
0 votes13 answers -
html как установить таблицу внизу екрана?
<!-- Нижняя часть--> <table width="781" height="28" align="center" bgcolor="#FFFFF6"><tr> <td background="images/bottom.gif" valign="middle"></td> </tr></table> <!-- Нижняя часть--> Добрый день. мне нужно чтобы эта табличка находилась всегда внизу екрана, внезависимости от токо какое разрешение и сколько текста идёт перед ней., грубо говоря строкадолжна быть постоянно внизу. Если ползунок покрутить вниз то она должна там быть. как это сделать? Заранее спасибо
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-