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
-
ИЕ не отображает изображение во вложенных div
Всем доброго дня. Проблема в том, что браузер ИЕ7 (на других версиях ИЕ не проверял) не отображает изображения во вложенных div. Код в HTML <body> <div id="header"> <div id="logotype"> <a href="/index.php"></a> </div> <div id="menubody"> <div class="home"></div> <div class="graff"></div> <div class="forum"></div> <div class="guest"></div> </div> <div id="menu"> </div> Код CSS для <div class="home"> и остальных трех .home { width:128px; height:128px; margin-top:6px; margin-left: 16px;…
0 votes18 answers -
Не приходят данные с формы
Всем привет. На лендинге не приходят данные с формы, не могу понять в чем ошибка. Если не трудно, посоветуйте в чем проблема? Кусок html с формой <form action="scripts/contact.php" role="form" id="contact_form"> <div class="form-group"> <input type="text" class="form-control" id="contact_name" placeholder="Ваше имя" name="contact_name"> </div> <div class="form-group"> <input type="email" class="form-control" id="contact_email" placeholder="Ваш Email" name="contact_email"> </div> <div class="form-group"> <input type="packet" class="form-control" id="contact_packet" placeholder="Ц…
0 votes9 answers -
Прилегание текста под картинкой.
Доброго времени суток, сразу перейду к делу. Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева. HTML: <div class="point-one"> <img src="../main.img/one.png" class="one" align="bottom"> <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> CSS: .one { max-width: 100%; height:auto; } prem1 { float: bottom; } Скриншот, как это дело все смотрится:
0 votes5 answers -
алфавитный указатель?
такой вопрос. есть список фильмов от А до Я, на каждый из которых дано однострочное описание. надо сделать алфавитный указатель. самое простое - сделать 30 страниц по одной на каждую букву, однако хочется сделать по-умному ) например разместить все записи на одной странице, и сделать так, чтобы при нажатии определенной буквы скрывались все строчки, начинающиеся с других букв )) примерно как авто-фильтр в экселе. есть варианты решения?
0 votes2 answers -
прозрачность opacity в internet explorer 8
как реализовать прозрачность opacity в internet explorer 8
0 votes7 answers -
font-face кириллица
На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…
0 votes4 answers -
padding&width на select&button
<html> <body> <table cellspacing='0' cellpadding='0' border='1' width='100%'><tr><td> <table cellspacing='0' cellpadding='0' border='1' width='50%'><tr><td> <select style='padding:0; width:100%;'> <option>xxx</option> </select> <select style='width:100%;'> <option>xxx</option> </select> <input type='button' style='padding:0; width:100%;' value='OK'> <input type='button' style='width:100%;' value='OK'> </td></tr></table> </td></tr></table> </body> </html> объясните плз, почему у всех элементов разная длинна, приче…
0 votes9 answers -
Div при уменьшении окна браузера IE рядом стоящие дивы прыгают в низ что делать
Добрый день ! Вот стили div.title { height: 101px; width: 100%; } .logo { float: left; height: 101px; width: 265px; } .top_line { float: left; height: 101px; width: 500px; } вот код HTML <div class="title"> <div class="logo"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> <div class="top_line"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> </div> начинаю сужать окно браузера и вдруг правая картинка пропадает точнее прыгает вниз пробывал дать минимальный размер тоже самое в IE в FireFox все хорошо помогите плиз не хочу табл…
0 votes5 answers -
Сверстать фоновую страницу
Страница состоит из тр?х частей(верх центр низ): top content и bottom top и bottom заданы no-repeat, а в contente повторяющаяся картинка repeat-y и при повторении искажается градиент(который присутствует на самой повторяющейся картинке в разделе content) вопрос: Как избежать искажение ?
0 votes10 answers -
Slick slider
Коллеги, добрый день. Разбираюсь в чужом коде, не могу настроить слайдер. http://nailbar.mini-mall.ru/price.html 3 вопроса: 1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится. 2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд. 3. Как вывести стрелки, в условиях тоже написал, но не вижу. Огромная просьба намекнуть, куда смотреть и что делать
0 votes13 answers -
Вложенный див растягивает родительский див вправо.
Всем привет. Прошу вашей помощи, как говориться одна голова хорошо, а много лучше. И так, описание проблемы дальше. 1. Дизайнер сделал фиксированный макет с одной колонкой. Колонка 1000px. Выставлена по середине. Проблем нет, сделал. Колонку выровнял margin:0 auto; 2. Дизайнер попросил добавить фоновый рисунок повторяющийся до бесконечности к боковым колонкам(пустое место справа и слева от колонки) при разрешении более 1024 по горизонтали. Проблем нет, сделал. К body background-image прикрепил. 3. Дизайнер попросил сделать как показанно на схеме: То есть при разрешении 1024 * 768 фоновые изображения не должны отображаться. При увеличении разрешения фоновые изображения д…
0 votes15 answers -
Выпадающее меню. Проблема с onmouseout
Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?
0 votes4 answers -
Стандартные шрифты
Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.
0 votes1 answer -
position absolute
Что-то не хотят дивы "закругления" ложиться там где надо в ИЕ раньше 8-ой версии. И не знаю как сделать так, что б когда наводишь на вкладку "Красивые сайты" текст был чёрным ещё до того как курсор точно на тексте будет. Сайтик =) (пока экспереминтирую на таком *** хостинге)
0 votes10 answers -
Вопрос по textarea
Нужно сделать такую вот штуку: Стал использовать <textarea></textarea>. Собственно, такие вопросы: 1. Как сделать текст по-умолчанию "ваше сообщение" ? ведь у <textarea> нету параметра value или чего-то похожего... 2. Как сделать, чтобы при наборе текста, допечатав до правого края, текст автоматически переносился на новую строку ?
0 votes5 answers -
Кнопки, меняющие фон сайта
Здавствуйте.. Помогите плиз: на каком-то сайте видел следующее: есть 3 кнопки( серая, зеленая и синяя). При нажатии на серую фон сайта становится серым; на зеленую - зеленым и.т.д. как это сделать?
0 votes18 answers -
Как сделать криво
Возникла такая проблема. Дано: изображения разного размера, выровнены по верхнему краю, оформлены в данный момент div float=left, ессно, если в середине такого списка возникает длинная картинка, об неё "запинается" следующий ряд. Вопрос, как бы такого избежать, при том, что размер картинок будет оставаться разным поэтому и количество их на строке тоже будет разным? Сейчас: Надо: Возможно ли такое?
0 votes29 answers -
КУДА сувать скрипты?
Между чем именно ?? Между Body и Body?? Плиззз!!!!!
0 votes16 answers -
Элементы форму в одну строчку
Прошу помочь. Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта? Вот код без ненужных атрибутов: <form style="border:1px solid #ccc;padding:3px;text-align:center;"> <p>Enter your email address:</p> <p><input type="text" style="width:140px" name="email"/></p> <input type="hidden" value="odnivputi" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="submit" value="Subscribe" /> </form> Заранее бо…
0 votes13 answers -
Влетело из головы(, подвал наезжает на контент
Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html"…
0 votes3 answers -
В чём отличия открытия php кода <?php от <?
Интересно.
0 votes13 answers -
Кроссбраузерный резиновый блок с тенью
Потребовался резиновый блок с тенью. Вот что у меня получилось: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } table { border-collapse: collapse; } BODY { background: silver; } .b-popupwin .tw, .b-popupwin .bw { width: 100%; height: 20px; font-size: 1px; line-height: 1px; } .b-popupwin .tl { width: 20px; background: url(ima…
0 votes17 answers -
IE 8,7 не подшружает шрифты
Добрый вечер. IE 7-8 не подгружает шрифты, с чем может это быть связано? Подгружаю так: @font-face{ font-family: 'MobileStore'; src: url('fonts/MobileStore.eot'); src: url('fonts/MobileStore.eot?#iefix') format('embedded-opentype'), url('fonts/MobileStore.woff') format('woff'), url('fonts/MobileStore.ttf') format('truetype'), url('fonts/MobileStore.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } Конвертировал шрифты через сервис font2web.com При верстке другой странички с другим шрифтом все браузеры подгружали шрифт шрифты в папке присутствуют
0 votes11 answers -
height: auto для ios < 6
Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?
0 votes15 answers -
Таблицы
Подскажите пожалуйста. Есть таблица имеющая параметр height 100%, т.е растянута по вертикали, в этой таблице находятся еще две таблички и вот тут у меня возникает вопрос: как расположить одну таблицу вверху, а другую внизу?
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-