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
-
Внедрение rss
Есть такая замечательная (по крайней мере на первый взгляд) система rss как использовать новости rss и автоматом их включать на сайт?
0 votes7 answers -
при наведении на картинку
Помогите пожалуйста. у меня есть картинка. я хочу чтобы когда наводишь на эту картинку она менялась на другую. как это сделать при помощи CSS? Заранее благодарен. если можете напишите код. заранее благодарю
0 votes6 answers -
Значение атрибутов для элементов HTML (по-умолчанию)
Господа, поделитесь информацией о том, где можно посмотреть значения всех атрубутов для html элементов по-умолчанию. К примеру какие изначальные значения margin у элемента <P> или <H...>? Может есть какая-то таблица?
0 votes6 answers -
Папки в url
Приветствую. Однажды интересовался, будут ли в адресе страницы отображаться папки, в которых хтмл файл. Да мой сайт на хтмл и цсс, и деятели сказали твёрдо - НЕТ. Однако купив хостинг, на деле оказалось да. Подскажите пожалуйста добрые сограждане, как теперь этот вопрос можно решить.
0 votes10 answers -
Форма поиска. Chrome.
Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…
0 votes8 answers -
Как создать тени для Мозилы
Есть одна проблема. Я впринципе програмист но никак не дизайнер. Но вот друг попросил,написать для него сайт, пустяковое дело что касается движка. Но вот с оформлением определенные траблы. Я хочу чтоб все мои таблицы (гриды) отбрасывали тень. Для IE решается чрез соотвественный фильтр (кому интересно MSDN можно найти). Но вот для мозилы никак не получается. Я пробывал создать тень в Photoshop CS3 слайсами и запихнуть в талицу. Примерно так: <table id="Table_01" border="0" cellpadding="0" cellspacing="0" style="position:absolute; left: 468px; width: 299px; top: 283px; height: 264px;" > <tr> <td id="" style="width:100px; height:100px; background-color:Gree…
0 votes3 answers -
При просмотре Гугл Хромом таблицы прижимаются к верхней границе
При просмотре Гугл Хромом таблицы прижимаются к верхней границе, в других браузерах такого не наблюдается, что делать. уточню это мой первый сайт
0 votes13 answers -
Кнопка сброса формы
Ребят посдкажите, столкнулся с такой задачей, есть кнопка сброса формы <input type=”reset”>, я к примеру делаю кнопку отпраавки формы картинкой так <input type=\"image\" src=\"images/send.jpg\"> Как мне также кнопку сброса формы, сделать картинкой?
0 votes6 answers -
расстояние между букв меньше чем по умолчанию
Приветствую, дизайнеров хлебом не корми, дай уменьшить расстояние между букв в заголовках и подобных вещах и "придвинуть" буквы друг к другу. Насколько я понимаю средствами css такое сделать нельзя? letter-spacing дает только увеличить расстояние между букв. Возможно есть еще какие то хорошие варианты реализации, на js например?
0 votes5 answers -
Счетчик посещений
Всем добрый вечер не знаю может я не там создал эту тему но думаю поможете вот мой вопрос можно ли создать счетчик посещений на хтмл без других языков и гостевую книгу вот и все надеюсь без ошибок
0 votes13 answers -
списки
<div id="apDiv2"><h3> <a href=</a> <font class="olive">(120)</font> </h3> <ul> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a> </li> </ul> </div> Подскажите плиз или дайте ссылку где почитать. Нужно сделать список в два столбика друг на против друга в одном элементе.
0 votes6 answers -
width 100% ie6 must die
Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: r…
0 votes4 answers -
Слайдер на чистом CSS
Не работает кнопка на 1ом и 2ом слайде, а на 3ем норм. Игрался z-index, но увы безуспешно. Есть соображения? И еще момент, как менять цвет фона body при смене слайда. Например, слайд1 - фон body красный, слайд2 - фон body зеленый и тд??? Слайдер выполнем путем подмены радио кнопок. Картинки подгружать в сам слайдер на стал, думаю и так понятно. Спросите зачем на чистом CSS? Чтобы прокачаться по селекторам и работе слоями. Заранее спасибо за помощь http://www.cssdesk.com/EjsHZ
0 votes7 answers -
несколько стилей в шаблоне
Возник вопрос... как прописать несколько стилей css? Например у меня есть три стиля: green.css blue.css и red.css но нет возможности их загрузит на сайт, поэтому надо впихнуть в сам шаблон. Как это можно сделать...
0 votes3 answers -
Background
Подскажите пожалуйста такую штуку - можно ли начинать repeat с любой точки экрана? и ещё: можно ли одну и ту же картинку вставить и копировать по Y снчала слева, а потом справа?
0 votes11 answers -
как настроить переносы в выпадающем меню
Помогите, пожалуйста, настроить переносы в выпадающем меню. Некоторые пункты меню очень длинные и не вмещаются в отведенную область. Можно увеличить ширину области, отведенной для пунктов, но меню многоуровневое и тогда все уровни не помещаются на странице. Подскажите, пожалуйста, как можно настроить переносы и возможно ли это вообще. Если возмжно, то что нужно прописать в css или еще где Вот код меню: .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { letter-spacing:normal; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-align:left; text-decoration:none; word-spacing:normal; } .art-menu, .art-menu ul { border-botto…
0 votes2 answers -
css framework
Сам, никогда не пользовался, ищу чтобы мне немного облегчело жизнь, посоветуйте пожалуйста фрэймворк или какую нибудь программу в который можно было бы делать кроссбраузерную, резиновую верстку. Вот то, что я не просто нашел в гугле, а говорили что это может оказаться полезными вещами http://css-framework.ru/ и программа Amaya, что вы думаете по этому поводу? спасибо
0 votes17 answers -
Чтиво для начинающих
Добрый вечер, я совсем недавно решил вплотную начать участвовать в веб-разработке и глубоко изучить html5 и css3 (для начала). Прошу помощи, скажите, с каких книг лучше всего начать это делать? Желательно конечно, чтобы еще можно было в эл.книге их читать)
0 votes11 answers -
Резиновая верстка нестандартных фонов
Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!
0 votes5 answers -
Как сделать так чтобы div'ы прилипали друг к другу
Все привет, столкнулся с токой проблемой, что высота моих div'ов разная, и они не могут прилипнуть друг к другу как это исправить? блоки идут в ряд с помощью float: left
0 votes2 answers -
Некорректное масштабирование элементов страницы в хром и опере
Здравствуйте. В общем обнаружилась такая проблема. Есть элементы в виде квадратиков в несколько рядов. https://jsfiddle.net/y5hsr9b6/ В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов. В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм. Получается хром и опера некорректно масштабирует страницу? Как лучше справиться с этим эффектом?
0 votes7 answers -
Слайдер slick нет левой стрелки
Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?
0 votes7 answers -
table-layout: fixed и Опера
собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?
0 votes4 answers -
Ерунда какая-то... (верстка, проблема с IE6)
Здрасте! Есть 2 css - ie6.css и styles.css - соответственно. В Голове вот это <!--[if lt IE 7]> <link href="../CSS/ie6.css" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if IE 7]> <link href="../CSS/style.css" rel="stylesheet" type="text/css" /> <![endif]--> <link href="../CSS/style.css" rel="stylesheet" type="opera/css" /> C ИЕ7 и Оперой вс? хорошо. Ерунда вот в чем: ИЕ6 почему-то цепляет не все стили, т.е. у меня есть ... <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="BMbigspace"> </td> <td class="BMlink"><a href="../" class="linkBold">Главная</a></t…
0 votes6 answers -
Проблемы с FF
не могу понять но в чем дело но в разных браузерах отображение резко отличается для ниже приведенного кода <table width="210" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr><a href="http://sait.ru"><img src="assets/images/1.1.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.2.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.3.gif" width="210" height="40" ></a></tr> </table> Опера и ie нормально его обрабатывают то мозила же проставляет промежутки между картинками, …
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-