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
29,542 questions in this forum
-
onclick
Всем привет. Подскажите, как заставить вот это <a href="all/hearing.html" TARGET="frame"></a> заработать в onclick="" заранее спасибо.
0 votes8 answers -
Какая разница?
Здравствуйте! Подскажите пожалуйста. Вот не могу понять... К примеру есть маркированный список. <div class="menu"><ul><li><a href="#">Ссылка 1</a></li><li><a href="#">Ссылка 2</a></li><li><a href="#">Ссылка 3</a></li></ul></div>Дальше css код .menu li {какой-то CSS стиль}То есть ВСЕМ элементам li класса menu задаём "какой-то стиль" ? Верно? .menu ul li {какой-то CSS стиль}А тут что? Мы ведь по сути к тем же спискам li обращаемся? Зачем тут ul?
0 votes17 answers -
Чем нужно при верстке заменять слайдер
В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?
0 votes4 answers -
Изчезает background-image после обновления страници
Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах
0 votes2 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=windows-1251"> <title>Галогеновые, ксеноновые лампы</title> <body> <style type="text/css"> body { padding: 0px; margin: 0px; font-family: arial; font-size: 9…
0 votes2 answers -
Помогите уменьшить код
Вот... как его можно облагородить? html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>index</title> <link rel="stylesheet" type="text/css" href="screen.css"/> </head> <body> <div class="container"> <div class="left">lh</div> <div class="right">rh</div> <div class="center">ch</div> </div> <div class="addit">s</div> <div class="break"&…
0 votes10 answers -
Условие для оперы.
Товарищи, такая проблема, есть идентификатор, к нему применено свойство top:57px; но для оперы это значение должно быть top:65px; Не понимаю как это сделать. Чаще всего такое встречается при работе с IE и тогда спасает строка. <!--[if IE]><link href="styles/ie-style.css" rel="stylesheet" type="text/css" /><![endif]--> Но с оперой это не работает, пишу: <!--[if Opera]><link href="styles/opera.css" rel="stylesheet" type="text/css" /><![endif]--> Но это не срабатывает. Что ещё можно сделать в данной ситуации, со вчерашнего дня бьюсь, в инете нашёл массу хаков, но уже ни один не работает, все браузеры их понимают. Может я просто не прави…
0 votes4 answers -
Активная ссылка в разных броузерах
Всех с наступившим 2010 годом. Удачи, благоролучия и вдохновения!!! Вроде пустяшный вопрос - а решить не могу. Подскажите пажалуйста при таком коде в CSS #tab a span {color:blue;} #tab a:hover span {color:green;} #tab a:active span {color:red;} активная ссылка red только в IE/. Остальные броузеры (от Opera до Chrome) после клика при уводе курсора ссылку ссылку снова делают blue.На сам клик делают red . Это исправимо? Или искать другие способы?
0 votes12 answers -
Текст
Нужно разместить один текст по центру ,а другой справа http://s2.itrash.ru/idb/03867fbd9a3956ad66...Bezymyannyj.png
0 votes8 answers -
parallax psd-макеты
хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались
0 votes5 answers -
Изогнутый прогрессбар
Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?
0 votes5 answers -
Изменение placeholder при вводе текста в поле
Как делаются такие эффекты, когда при вводе текста placeholder не исчезает, а уменьшается и перемещается в угол. Вот пример с placeholder (слово "email") сместилось при вводе почтового ящика.
0 votes1 answer -
xge
у нас есть /index.php?pageId=$1 нудно что б выводилось /page/id/article_title.html вот вариант htaccess RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^page/([0-9]+)/.*$ /index.php?pageId=$1 подскажите что не так ?
0 votes0 answers -
Помогите с версткой. Вопросы
Хочу сделать блок с информацией. В ИЕ6 выводится вроде нормально, а в опере, мФ все наперекосяк. Подскажите как избавиться с этой проблемой. Как видят отступы браузеры? Спсибо <style> *.br2 { font-size: 1px; height: 1px } .r_1 { background-color: #ddd; margin: 0 2px; height: 1px } .r_2 { background-color: #fff; margin: 0 1px; height: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .r_3 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } </style> <div style="height:70px; width:700px;"> <div class="r_1"><img src="images/spacer.gif" width="1" height="1" alt="" /></div> <div class="r_2"&g…
0 votes4 answers -
Крастная строка
Подскажите пожалуйста, как сделать так, чтобы тег <p> делал отступ слева, как красная строка.
0 votes7 answers -
getElementsByClassName
Не получается разобраться как нужно дописать код чтобы работал getElementsByClassName в ie... Ясно только одно что ie пока что не обзавелся такой функцией... вот код страницы и сама страница http://stars124.narod.ru/js2.html нид хэлп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <title>Z-index</title> <script type="text/javascript"> function color3(node){ var wrap = document.getElementById('wrap3') var wrapDiv = wrap.getElementsByClas…
0 votes1 answer -
два фиксированых фона
Добрый вечер перешёл на css совсем недавно, раньше верстал табличками. Понадобилось сделать страничку с двумя фонами, идея в том что первый фон остаётся неизменным, а второй будет меняться в зависимости от контента. Фаерфокс и опера отображают шикарно (правда при проверке на браузершотс фф3.5 тоже себя неадекватно повёл, но я склонен думать что это глюки браузершотс он просто не дал до конца загрузиться странице) а вот с эксплорером возникли проблемы. 7 и 8 версии не отображают контента 6 отображает но он съехал на один скрин плюс нет прозрачности в пнг но это отдельный вопрос. вот код: <html> <head> <title>шаблончег</title> <style> body { …
0 votes17 answers -
Вывод результата отправки/валидации формы
Здравствуйте! У меня вопрос скорее методологический, однако более подходящей ветки не нашел. Я занимаюсь созданием сайта, который должен быть максимально адаптирован для удобства пользователей с ограниченными возможностями здоровья, в частности, слабовидящих людей, которые работают с веб-страницами с помощью озвучивающих устройств. Опыта работы с подобными устройствами у меня нет, поэтому возник вопрос по веб-формам. Как сверстать форму, чтобы её было удобно заполнить — понятно. Но как вывести ошибки валидации или сообщение об успешном принятии данных? Варианты имею следующие: - вывести ошибки или результат около формы или в попапе — не подходит, читалка не узнает, что по…
0 votes4 answers -
Помогите с СSS
Есть сайт - http://mebel.mordovia-sutochno.ru/mebel/gostinye/gostinaya-1 Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта... Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта...
0 votes11 answers -
Подскажите как сверстать
как верстать такие блоки??http://www.fotolink.su/v.php?id=50bf14499502c1be5084483d2cbf5c72 http://www.fotolink.su/v.php?id=252bf1a0e5941e24802d1b870c066395
0 votes6 answers -
Вопрос по маркированным спискам
Здравствуйте. Есть такой вот код: <td colspan="2" class="nav"> <ul> <li><a href="index.html" class="li">Главная</a></li> <li><a href="02.html" class="li">Ипотека</a></li> <li><a href="04.html" class="li">Документы</a></li> <li><a href="05.html" class="li">Информация</a></li> <li><a href="06.html" class="li">Контакты</a></li> </ul> </td> и стиль: td.nav { width: 960px; height: 47px; text-align: center; vertical-align: middle; } li { list-style: disc url(separator.jpg); padding-left: 20px; padding-right: 20px; display: i…
0 votes4 answers -
Текст в картинке
В ячейке таблицы находится картинка, в этой же ячейке внутри картинки должен находиться текст. В IE прокатывает такой вариант <tr> <td nowrap style=\"font-size:12px\" style=\"position: relative\"> <span id=\"hp_w\" style=\"position: absolute; left: 5px; z-index: 1; font-weight: bold; color: #FFFFFF\">Раз-два-три</span> <img src=\"images/hp_g.gif\" width=300 height=14 border=0 name=green_hp vspace=0 align=absmiddle> </td> </tr> т.е. absolute работает от границы ячейки таблицы. В других браузерах absolute идет непосредственно от начала страницы. Отодвигать текст аттрибутом left от края экрана до самой таблицы не имеет …
0 votes9 answers -
Разные CSS для одного элемента
для всех заголовков на сайте использутся стиль: #osnova H1, H2, H3,{ FONT-SIZE: 17px; COLOR: #4f7ba6; background-COLOR: #f3f3f3; font-style: normal; font-weight: bold; margin: 0px; text-align: right; background-image: url(/images/h1_strela.gif); padding: 0px 5px 0px 0px; } и только на одной из страниц сайта надо задать другой стиль для заголовков в диве zag: <div id="osnova"> <div id="zag"><H1>Заголовок </H1> <H2>Заголовок </H2> <H3>Заголовок </H3></div></div> Задаю, такой стиль не работает т.е всем заголовкам в диве zad присваиваются стили osnova: #zag H1, H2, H3 { FONT-SIZE: 17px; COLOR: #4f7ba6; background-CO…
0 votes5 answers -
jCarouselLite интересный вариант и установка
Наткнулся на интересный плагин jQ. Называется jCarouselLite. Решил реализовать такой вариант: При нажатие на картинку из списка, не перезагружая страницы, она открывается там, где на макете расположена основная картинка. Стрелочки ниже реализуют переключение следующей картинки, опять-таки не перезагружая страницы. Плагин jCarouselLite позволяет всё это, но проблема в том, что я вообще не понимаю..даже примерно как реализовать подобное, но очень хотел бы разобраться. Думаю эта тема поможет многим, если её развить!
0 votes9 answers -
Круглые CSS уголки в мозиле у тега img
Делаю закруглённые уголки у тега img при помощи CSS: img.catalog_main_item_img { margin-bottom: 5px; border: 2px solid white; overflow: hidden; display: block; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px;} и возникает проблема в мозиле: уголки картинки не хотят прятаться под закругление. Вот так: Как решить проблему? Хотелось бы обойтись без засовывания картинки в бэкграунд диву.
0 votes19 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-