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
-
правило для nth-child
Добрый день, в меню на ховере для раздела "Шкафы и боксы" нужно задать стили как для соседнего раздела "Модульное обороудование" а именно: чтобы первая ссылка была на бэкраунде серого цвета, а нижние ссылки без бэкраунда. Задаю правило для элемента первого ребенка : #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a:first-child А для всех остальных ссылок: #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a свое правило. Стили для первого ребенка наследуются для всех ссылок! Почему так происходит? Спасибо.
0 votes2 answers -
Поисковик Яндекс и Google
Есть сайт. В нем 2 поисковые системы. На данный момент Гугл открывает пользовательский поиск. Можно ли как-то сделать, чтобы он открывал саму страницу гугл с заданным значением поиска и дальше искал по самому гуглу. Это что касается гугла... Теперь по Яндексу: Яндекс открывает страницу поиска с рекламой моего сайта. Можно ли как-то сделать чтобы он открывал поиск в самом Яндексе с заданным значением.... Вот в принцыпе и все. Заранее спасибо...
0 votes5 answers -
Как сделать такой эффект при ховере
Подскажите как сделать такой эффект при ховере
0 votes2 answers -
Плывут элементы верстки при масшабированиии
Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html
0 votes8 answers -
Как написать прогу
Всем Привет! Есть калькулятор на пк. как сделать так, чтобы он автоматически выводил результат, при указании ему количества . Т.е одной единице нужно как-то присвоить значение, и чтобы он умножал это значение на указанное количество. Может есть простое решение ? P/s - знаю только ccs+html и чуток php
0 votes3 answers -
Почему не получается сделать sticky footer через отрицательный margin?
Делаю по тутору https://css-tricks.com/couple-takes-sticky-footer/ (1й способ) Не понимаю что не так
0 votes2 answers -
Отмена события щелчком мыши
При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/
0 votes3 answers -
csv в html
Еще раз здравствуйте. Я все же не могу разобраться с js. Если можете помогите кодом. Есть csv файл, имеющий в себе конструкцию 21| 45 id| num и имеется html таблица в которую нужно вывести значения id, num в определенные секции этой таблицы. Как нужно правильно обратиться к элементам файла csv и вывести в определенные пункты таблицы в html. Помогите кодом!
0 votes0 answers -
проблема отображения кода в разных браузерах
Добрый день помогите почему ничепреведенный код в IE работает а FireFox нет я скопировал всю страницу она маленькая СПАСИБО ВСЕМ <!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=iso-8859-1" /> <title>Untitled Document</title> <script language="JavaScript"> function show(num) { if (document.all("showdetailes" + num).style.display=="none") { document.all("showdetailes" + num).style.display=""; } else { document.all("showdetailes" + num).styl…
0 votes2 answers -
Текстовое поле без полосы прокрутки
Можно ли сделать текстовое поле без полосы прокрутки? Так, чтобы высота поля увеличивалась по мере вводимого текста? Если это нельзя сделать, то как можно изменить цвет и форму полосы прокрутки?
0 votes0 answers -
Две фоновых картинки
Добрый вечер, Гугу веб-дизайна! Вот, не знаю, как быть… В процессе создания меню для сайта столкнулся с траблом. Меню представляет собой список — <ul>. Для тега <a> прописано фоновое изображение (уголок, прибитый к левому нижнему углу). Нужен точно такой же уголок в правом нижнем. Пробовал использовать вложенный <div> — всё рушится. Подскажите, как сделать? #menu { background-color:#34618e; text-align:center; height:25px; margin-top:10px; margin-left: 50px; margin-right: 50px; padding-top: 20px; } #menu ul, #menu li { display:inline; margin:0; padding:0; } #menu a { padding:20px 25px 20px 25px; background-color:#507caa; background-image:u…
0 votes3 answers -
Помогите пожалуйста с css
С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:non…
0 votes2 answers -
Найти решение
Господа, помогите пожалуйста найти оптимальное решение: Есть меню, между линками разделительная полоса (правый бордер), не получается найти элегантное решение что бы после последнего линка разделительной полосы не было... css: .mattblacktabs ul{ margin: 0; padding: 40px 0 0 450px; font: bold 12px Verdana; list-style-type: none; } .mattblacktabs li{ display: inline; margin: 0; } .mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; /*разделитель*/ color: white; } .mattblacktabs li a:visited{ color: white; } .mattblacktabs li a:hover, .mattblacktabs li.selected a { background: #003460; } …
0 votes13 answers -
максмальная/минимальная ширина/высота..
Здравствуйте..Помогите пожалуйста...У меня есть картинка (шапка сайта) размером 1680х180... Вот...На моем мониторе 1680х1050 отображается как надо..Как сделать так, чтобы на мониторе 1024х600 она оптимизировалась...То есть как так задать минимальную ширину и высоту, чтобы картинка(ну или весь блок div) сама подстраивалась под монитор (максимум 1680х180, минимум 1024х600)..А то получается, что на первом мониторе все нормально,а на втором картинка смотрится гигантской). Набросал в HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; …
0 votes4 answers -
Фикс-Резина-Фикс
Здравствуйте, возможно уже обсуждалось (если да то обязательно поищу), но хотелось бы узнать можно ли сделать на дивах такое: <table> <tr> <td width="200px"> Lorem ipsum dolor sit amet, praesta enim formam unitas reddere nominabat princeps </td> <td> Lorem ipsum dolor sit amet, cellam modico illius famem sago specie de </td> <td width="200px"> Lorem ipsum dolor sit amet, nutrix rex in deinde vero diam dominum sit aliquip ipsa hospes. Bene dictis veni perfrictione cogente iniquam deus Hellenici silentio 'genus ei, reflexionis suo Proiciens te princeps ea com </td> </tr> </table> Сделал бы…
0 votes3 answers -
ссылки на ресурсы сети
Помогите пожалуйста разобраться. Поставил у себя в домашней локалке на компе(192.168.1.2) Apache. На других компах есть расшаренные диски и папки. Не знаю как сделать на локальном сайте ссылки на эти ресурсы. IP компов с расшариными ресурсами(расшарины диски) 192.168.1.3, 192.168.1.4 192.168.1.3/Data Center 192.168.1.4/Films <a href="\\192.168.1.3\Data Center">Data Center</a> - не работает <a href="file://192.168.1.3/Data Center">Data Center</a> - не работает Делать FTP сервер нет возможности, так как ресурсы находятся на разных компах. Помогите пожалуйста разобраться!
0 votes4 answers -
Совсем простой вопрос
Вот у меня вначале страницы указаны цвета ссылок в стилях: body a{color:red;} body a:hover{color:red;} body a:active{color:red;} Но некоторые ссылки на странице я хчу сделать другим цветом, поэтому делаю так <a href='' class='newcolor'>link</a> style: .newcolor{color:green} Почему так цвет не меняется? он меняется только если мы сделаем вот так <a href='' style='color:green;'>link</a> Как изменить цвет с помощью класса?
0 votes6 answers -
highload
скажите пожалуйста для highload-сайтов, как я понимаю, существует определенный стиль верстки? это отдельная область вёрстки или достаточно знать некоторый небольшой набор правил чтобы верстать для HL? вообще востребован ли такой стиль вёрстки и не будет ли для рядового, не выдающегося верстальщика изучение HL-вёрстки лишней тратой времени и сил? ещё интересно, многим ли из местных приходилось верстать под высоконагруженные проекты? оплачивается такая работа скорее всего лучше. но стоит ли такой доход затраченных сил по вашему мнению и опыту?
0 votes5 answers -
Форма обратной связи на сайте выдает иерогифы
Подскажите пожалуйста, форма обратной связи на сайте выдает иерогифы, что подправить? <!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=utf-8" /> <title>Обратная связь</title> </head> <body> <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['mess'])) {$mess = $_POST['mess'];} if (empty($name)) { echo "<b>Не указано имя!<p>"; echo "<a …
0 votes2 answers -
Проблемы многослойной верстки
Здравствуйте! У меня к вам вопрос: Я - начинающий верстальщик. Поступило мне ТЗ в котором указанно, что необходимо сверстать макет сайта с помощью HTML5, CSS3, кроссбраузерный. Вся проблема в то, что нужно сделать нестандартную верстку - много разных блоков, как на сайте http://www.mts.com.ua/ukr/main.php . Собственно посоветуйте неопытному верстальщику как быстрее можно сверстать?..
0 votes9 answers -
Аналитика: yandex vs google
С недавнего времени (как стал делать сайты для своих нужд), задумался о целесообразности Яндекс метрики или гугловой аналитики. Насколько знаю они довольно не однозначно проводят свои измерения, и наблюдал довольно большие расхождения в данных. Только потому что Яндекс все же роднее, начал пользоваться им. Разъясните что из этих инструментов более продвинуто, или не стоит заморачиваться и использовать обоих.
0 votes4 answers -
Проблема с отступами в контейнере и шириной textarea
<html> <head> <style type="text/css"> body {margin:0; padding:0;} div.container {margin:100px auto; width:400px; padding:20px; border:1px solid black} p {display:inline} input {display:block} textarea {width:400px} </style> </head> <body> <div class="container"> <form method="post" action="add.php"> <p>Название продукта</p> <input type="text" name"caption"/> <p>Категория продукта</p> <input type="text" name="category"/> <p style="display:block">Описание продукта</p> <textarea rows="5"> </textarea> <input type="submit" value="Добавить"/> </form> </div&…
0 votes6 answers -
Не работает комбинация :last-child:hover
Может быть вопрос глупый,но почему данная комбинация не работает в контексте: http://cssdesk.com/RWWkk (наведите мышку на картинку - выпадет меню,я хочу чтобы последний пункт этого меню был красным при наведении) .info-block ul li:last-child:hover { background:red; }
0 votes2 answers -
Как бы выравнять кнопки "Добавить в корзину"?
Здравствуйте! Вот объект. Какими мерами можно выравнять кнопки "Добавить в корзину" в строках по нижней границе товара с самым большим описанием?
0 votes6 answers -
Не работает бекграунд в 960 gs
Здравствуйте! Подскажите пожалуйста... Вот я скачал систему 960 grid, по генератору сделал шаблон 984px, вместо 960. Теперь задаю бекграунд к Body в виде картинки. На обычном шаблоне всё работает, а на 960 grid проблемы... С чем это может быть связано?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-