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
-
Сменяющийся текст
Добрый день. Есть текст. 2 предложения. Хочу чтобы выводилось только одно, а потом заменялось на другой. И так по кругу: 5 сек одно, 5 сек другое. ГИФ анимацию не хочу. Нужно на HTML+CSS. В крайнем случае простейший js. Помогите, пожалуйста. Заранее спасибо!
0 votes3 answers -
Разметка в три колонки
Имеется вот такой вот макет разметки, в три колонки с футером и хэдером. Пока некорректно отображается, что нужно подправить, чтобы правильно отобразилось в IE6,7 FF2 Opera9 ? index.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> <title>Untitled Page</title> <link rel=stylesheet href=default.css type=text/css /> </head> <body> <div > <!-- #include file="header.html" --> </div> <div style="display:inline"> <div id="left" ><!-- #include file="menu.html" -…
0 votes1 answer -
Разное отображение в разных браузерах.
Пытаюсь учится HTML и CSS. Для этого создал сайт. Сделал вроде всё нормально, но в разных браузерах отображается по разному. Вот код: <!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=windows-1251"> <meta name="Description" content=""> <meta name="Keywords" content=""> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>титл</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; text-align: left; padding: …
0 votes6 answers -
Чего не хватает для работы а:hover
Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }
0 votes9 answers -
Сделать сброс стилей
Добрый день. Насколько разумно подключить такой фаил css, чтоб убрать всё лишнее? Стоит ли вообще такое использовать? html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; /* обнуляем внешние отступы */ padding: 0; /* обнуляем внутренние отступы */ border: 0; /* убираем бордюры */ outline: 0; /* убираем контуры */ font-size: 100%; /* задаем базовый размер шрифта, значе…
0 votes7 answers -
Внутри <button>неработают события и псевдоклассы
Здравствуйте. Есть <div> на котором висит событие. Все прекрасно работает по тех пор пока не помещаю этот <div> в <button>. При этом перестают работать даже псевдоклассы. Банальный :hover не работает. Кто нибудь встречался с таким?
0 votes10 answers -
Переход на JQuery 2.х
Есть скрипт здесь Работает на JQuery v1.9.1 Пробовал его JQuery 1.10.2 и JQuery 2.0.3 Не работает, что делать в принципе прочёл что надо что-то править для Обновление JQuery 1.9 <script src="http://code.jquery.com/jquery-1.9.0.js"> </script> <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"> </script> А для JQuery 2.0 <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> Что надо делать и что править, кто знает?
0 votes6 answers -
Гугл фонтс - их ошибка или фича браузера?
http://jsfiddle.net/HLmmX/ В Вебките выглядит жирно, в мозилле - тонко. В чем проблема?
0 votes8 answers -
Условие на JavaScript по URL
Здравствуйте! Подскажите, пожалуйста, как написать на чистом JavaScript такое условие: Если в url нет символа ? (знака вопроса), то "fieldset.filter-item a" присвоить класс current Заранее благодарен за помощь!
0 votes12 answers -
Как склеить ячейки в таблице из div?
<!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…
0 votes1 answer -
Непонятный отступ
Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3…
0 votes2 answers -
Как мне БЫТЬ?!
Всем Привет! У меня стоит сайт который использует систему smary - т.е. там куча html, каждый из который отвечает за определённый блок, но у меня проблема в том что я не могу её менять (есть и Dreamweaver и FrontPage, но когда я меняю я получаю всякие разные ошибки)... сайт http://www.zpstyle.com/index.php?categoryI...ens-polo-shirts Может кто нибудь сможет сделать то что показано внизу: Заранее спасибо! Благодарен за любую помощь!
0 votes1 answer -
С чего начинать борьбу со спамом на форуме?
Всем привет!! Подскажыте пожалуста как мне блокировать спам на форуме! С чего мне начать, што мне нужно будет и вообще как ето мает выгледет потомушто я незнаю в кокую сторону двигатся! Мне дали такую тему на дипломную)) Заранё благодарен)))
0 votes7 answers -
IE6-неправильно отображает
Здравствуйте. Нужна помощь. Я, пока что, полный чайник в кодировании . Но есть проблема: везде (IE7, Safari, Opera, Chrome, Mozila) нормально отображается фон анонса новостей, а в IE6 он более высокий/широкий. Можно посмотреть здесь.
0 votes3 answers -
Столбцы одинаковой высоты
Здравствуйте. Можно ли сделать 3 столбца одинаковой высоты с фоном? Не фиксированной высоты, т.е. если текста в одном и столбцов больше, у остальных высота такая же. Подскажите каким способом пожалуйста. Вот фото http://kremenchugforum.com/111.gif
0 votes4 answers -
Как добавить уникальный шрифт?
Христос Воскресе! У меня при написании сайта возникла проблема: много текста идет уникальными шрифтами, которых нет на web-сервере хостера. Для решения просблемы использовать какртинки - значит загромождать сайт графикой и получить страничку в 1мб и более. Теперь вопрос: можно ли каким-нибудь образом загрузить на сервер уникальный шрифт? Или можно ли прифязать к сайту, страничке отдельный шрифт. Операционная система хостера не виндовс.
0 votes3 answers -
Как зделать чтоб текст в ячейке таблицы не переносился
Добрый день. У меня такая проблема: есть меню, каждый элемент меню представляет из себя ячейку таблицы. если менять ширину окна браузера текст в ячейке меню перенесёться на другую строчку и высота ячейки увеличиться, дак вот, как зделать чтоб переноса не происходило? Только эта таблица не одна на странице, она содержиться в ячейке другой таблицы.
0 votes4 answers -
Вопросы по адаптивной верстке
Добрый день, я первый раз делаю адаптивную верстку в связи с этим у меня возникают вопросы здесь моя верстка, часть я уже сделала 1. Подскажите как быть с каруселью где логотипы когда ресайзешь окно а потом делаешь на полное окно, они идут не по линии 2. И что с делать с верхней серой панелью, не могу ее растянуть на всю ширину макета, можно изначальный метод верстки не верный... но тогда я не рассчитывала что будет адаптивная верстка 3. Общее замечания заранее благодарна вот адаптивный дизайн:
0 votes6 answers -
Кроссбраузерная строка поиска на html+css
Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …
0 votes2 answers -
Содержание страницы на основе тега h2
Как можно сделать автоматический вывод в статье чего-то вроде содержания, как в Википедии, чтобы пункты содержания брались из тегов h2 (к примеру) ?
0 votes7 answers -
Чем нужно при верстке заменять слайдер
В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?
0 votes4 answers -
проблема с border
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…
0 votes1 answer -
Псевдо-резиновое меню
Дизайнер озадачил, необходимо реализовать меню по максимуму соответствующее макету: Верхнее меню - при максимальном разрешении, нижнее - при минимальном. С "резиновостью" вцелом проблем нет, проблема для меня заключается в сохранении одинакового расстояния между пунктами меню. т.е. как можно заставить тянуться только блоки с разделителями, причем равнозначно! Блоки с названиями пунктов меню должны по-идее "обжимать" содержимое, визуально не добавляя отступов разделителям.
0 votes7 answers -
Подскажите пожалуйста...
Я делаю сайт только на html и css. Css у меня в отдельном файле, то есть если я в нем что-то изменю, то это отобразится на всех страницах. А как сделать такое же для html ? Чтобы если делать изменения, они на всех страницах отображались. P.S Просто если у меня 50-60 страниц на сайте, и все вручную изменять, с ума можно сойти...))
0 votes8 answers -
Position div блока
Как правильно зафиксировать всё кроме одного div блока? Чтобы только его можно было прокручивать. Проблема в том, что, когда устанавливают позицию другим блокам, у них меняется размер и отсчёт начинается с верхнего левого угла. Двигаю маргинами но это создаёт другие проблемы. Поэтому нужно как то без маргинов обойтись, ведь двигать все блоки страницы — не рациональное решение. Мне надо реализовать скролинг как ВКонтакте, чтоб только одна часть скролилась, но при этом мне надо чтобы полоса прокрутки была не у прокручиваемого блока, а у правого края всей страницы. Может есть идеи реализовать по другому? Или помогите добить с позиционированием. . . Вот страница над которой р…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-