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
-
меню навигции
так вот, есть код; как в содержимое блока сунуть ряд баннеров размером 40 на 40 и что бы под баннерами ровно п оцентру еще ссылку текстовую сунуть, с учетом того что бы все эти баннеры шли в строчку?????? Заранее благодарен!
0 votes13 answers -
Поставить tabindex на элемент div
Здравствуйте Помогите решить задачу. Нужно что при нажатии на клавишу tab фокус определялся на блок див http://joxi.ru/_uqNUxjKTJBvH-c2a_o . Затем если нажать entre открывается дропдаун с выбором локали. Как это сделать ? <div tabindex="0" class="leng drop"> <div class="curr drop-btn">En</div> <ul class="drop-list" style="overflow: hidden; display: none;"> <li class="ru"> <a href="http://dev.digitcapital.com/ru/">Ru</a> </li><li class="en active"> <a href="http://dev.digitcapital.com/en/">En</a> </li> </ul></div>
0 votes5 answers -
Абсурд с position! И тем не менее, работает...
Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…
0 votes18 answers -
Обратная связь
всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…
0 votes7 answers -
Когда используется echo " "; exit (" "); return exit (" ");?
Здравствуйте. Подскажите пожалуйста когда нужно использовать return exit (" "); а когда просто exit (" "); ?? Результат на мой взгляд один и тот же - "Исполнение условия доходит до exit и выходит т.е. выполнение скрипта прекращается". Если использовать вместо return exit (" "); и exit (" "); оператор echo " "; то выполнение программы продолжается далее это я понял. Подскажите новичку по php) где уместно использовать return exit (" "); exit (" "); echo " ";? <?php $a = 1; $b = 2; $c = 3; if ($b > $a) { echo "Переменная b больше переменной a!!!"; } else { echo "Переменная b меньше или равна меременной a!!!"; } if ($b > $a) { return exit("Переменная b бол…
0 votes12 answers -
Вставка изображения в псевдоэлемент.
Добрый день! Столкнулся с проблемой отображения картнки в ::before, ::after. Блок сам отрисовывается-виден при проверке. Могу в content запихнуть тескт-все норм, отрисовывается. А вот добавление изображения ни в какую. Пробовал запихивать даже в content: url(address); и в background: url('address'); Проверял путь к картинке-нормальный(проверял на обычном <img src='address'>). Предоставить могу лишь кусок кода: весь проект не имею возможности скинуть. http://cssdeck.com/labs/nafhnhr5
0 votes4 answers -
3 дива в одну линию и в центральном диве есть вложенные дивы
Добрый вечер товарищи. У меня такая проблема, может она покажется вам пустяковою но я вот уже несколько часов бьюсь над ее решением, а она проклятая все никак не поддается. Вот вам html код страницы <!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>Тестовая главная страница</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteiner"> <div id="header"> …
0 votes3 answers -
XMLHttpRequest не работает в chrome
Привет. Проблема в следующем. Есть одна страничка, на которой две вкладки, на второй вкладке исполняется js. В firefox'e все как надо, запускаю localhost и на какой-бы вкладке изначально я не оказался, анимация svg (js выполняет) работает, после перехода с 2ой вкладки на первую и обратно, анимация также работает. Что происходит в Хроме: Если я запускаю страницу (перезапускаю) и оказываюсь на второй вкладке, то анимация есть, стоит перейти с 2ой вкладки на 1ю и обратно, анимация пропадает. Суть в том, что в хроме при любом переходе между вкладками js перестает работать, либо проблема в XMLHttpRequest. Привожу js код, который исполняется на второй вкладке: var svgDoc; v…
0 votes3 answers -
как реализовать такое навигацыонное меню
вот решил сделать такое меню но немогу реализовать чтоб в рамках были фотографии(картинки)при нажатии на которые вызвалась загрузка требуемой страницы! у кого какие идеи? помогите! это для ucoz сайта
0 votes9 answers -
Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна
Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?
0 votes6 answers -
Див в форме трапеции
имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю
0 votes2 answers -
flexbox особый вид элемента на Flexbox
zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался
0 votes10 answers -
Как отцентровать фон?
Здравствуйте. Есть вот такой макет: http://s49.radikal.ru/i125/0901/53/2be8519c2d6a.jpg Необходимо чтоб при уменьшении размеров браузера, фон всегда выравнивался по центру. Грубо говоря в данном макете центр примерно совпадает с двойной сплошной полосой на дороге, если уменьшить окно, то центр сместится. Как этого избежать? В верстке пока мало опыта, сделал только вот эти варианты (на вставки php не обращайте внимание, это будет тема для Drupal'а: <table align="center" border="0" cellpadding="0" cellspacing="0" background="<?php echo $base_path.'themes/region-leader/'?>top_back.jpg" height="456" width=100%> <tr> <td> </td> </tr>…
0 votes2 answers -
порядок указания свойств
Подскажите есть ли в CSS какие либо правила регламенирующие порядок указания свойств??? Это какой либо глюк или мой недочет???
0 votes6 answers -
Выравнивание ячейки по высоте
Выравнивание ячейки по высоте, как сделать, в этой ячейке повторяется фон, указываю 100% ячейки не катит, в другом столбце рядом объединенные ячейки! Что посоветуете?
0 votes10 answers -
Убрать рамку вокруг ссылки в ИЕ8
ДОброго времени суток! Подскажите, можно ли убрать рамку вокруг ссылки при получении фокуса в ИЕ8 без помощи js? Для остальных браузеров решается с помощью outline: none...
0 votes15 answers -
С чего начать?
Нарезал Макет, Шапка, банеры, текст, подвал! Каким образом теперь мне поместить Шапку на место? (DIV-ная верстка) Буду весьма признателен за помощь!
0 votes20 answers -
Устранение ошибок верстки
Добрый день, помогите, пожалуйста, устранить такую ошибку. В <head></head> есть такие теги, которые используется для назначения модератора для плагина комментариев фейсбук: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100009994319742" /><meta prefix="fb: http://ogp.me/ns/fb#" property="fb:app_id" content="100009994319742" />которые выдают вот такую ошибку: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100003294…✉You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use…
0 votes10 answers -
Затемнение фона
Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…
0 votes2 answers -
Скопировать css из фигмы
Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?
0 votes1 answer -
pc и mac - разное отображение цвета
Сверху - отображение под маком, снизу - пс. Причем на маке такое искажение только в ФФ и Сафари. таже опера все нормально отображает. Уже незнаю в чем дело. Левая картинка - jpg ( http://help-yelp.ru/macpc/head_left.jpg ), фон - png ( http://help-yelp.ru/macpc/head_bg.png ) Может я как-то не так цвет сохраняю но с другой стороны ведь в опере - нормально все....
0 votes12 answers -
Растягивающееся горизональное меню
Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.
0 votes5 answers -
RANDOM в HTML
Народ, у есть сайт, по сути, фотоальбом.Я хочу сделать фишку, чтобы где-то на странице отображались СЛУЧАЙНЫЕ фотки (уже загруженые на сайт). Подскажите, какой тег или функция это делает? Заранее благодарен.
0 votes2 answers -
отступ между <a>
не пойму почему у меня есть отступ между блоками, вроде все правильно. В чем ошибся? xhtml <div id="menu"> <a href="" class="menu_on">Главная</a> <a href="" class="menu">Почему мы?</a> <a href="" class="menu">О нас</a> <a href="" class="menu">Клиенты</a> </div> CSS #menu{text-align:center; margin:20px 0;} a.menu{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} a.menu_on{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} вот сайт http://help-team.com.ua/
0 votes20 answers -
Ввод данных в форму и параметр value
Что нужно сделать, чтобы при вводе данный в форму значение параметра value исчезало, подключать JavaScript?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-