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
-
Раскрытие меню при наведении курсора
Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…
0 votes2 answers -
Изменение расположения виджета ВК
Подскажите пожалуйста как изменить расположение виджета ВК группы.
0 votes8 answers -
не получается сделать двойной hover
надо сделать вот так: а получается вот так: доп материалы с кодом:
0 votes3 answers -
Подчёркивание ссылок
<body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??
0 votes9 answers -
Padding смещает вс? что ниже
Есть таблица, в нижней ячейке я спускаю текст с помощью padding-top #top-center td.menu{background: url(../images/topmain/topmain_05.jpg) no-repeat top left; vertical-align:top; padding-top: 28px; padding-left: 80px; width:999px; height:99px;} Но вместе с этим смещается совсем другая таблица, расположенная ниже этой. Почему так происходит? Т.е. между этими таблицами появляется пустое место...
0 votes7 answers -
Проблема центрирования блоков при резиновой ширины
Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>
0 votes14 answers -
Структура семантических тегов в шаблоне на Bootstrap
Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …
0 votes9 answers -
Почему не применяется градиент?
Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/
0 votes9 answers -
Google Chrome
Имеется letter-spacing:-0.03em; Во всех браузерах отображается как надо. В гугле с погрешностью до 0.01, то есть он показывает значение -0.02em. Есть ли вариант замены, или как прописать css для chrome отдельно.
0 votes8 answers -
как сделать ссылку-изображение на php
Как сделать изображение-ссылку на php. Так не работает: echo "<a href='index.php?id=main'><img src="main.jpg"/></a>";.
0 votes6 answers -
Обрезается сайт при уменьшении окна (но не весь)
Добрый день! Подскажите пожалуйста,почему мой сайт обрезается с правой стороны когда уменьшаешь окно браузера?Но самое интересное что обрезается не весь,один из блоков тянется на всю ширину и можно скролить по всей его длине (по оси Х). Как можно избавить от обрезания? http://www.anhiora.esy.es/ Заранее спасибо!
0 votes3 answers -
Checkbox,radiobox изменение по клику на label
Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/
0 votes3 answers -
radio и текст
помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…
0 votes13 answers -
Что из этого список, а что нет.
Меню - список? Слайдер из картинок - список? Список новостей - это список? Список отзывов клиентов на лендинге - список?
0 votes32 answers -
Как сделать блок по центру в IE
Добрый день! сайт http://hotelkorona.kiev.ua/ В Mozilla и Опере все по нормально, блок расположен по центру. в IE не могу сделать, помогите пожалуйста, что я должен подправить?
0 votes5 answers -
проблема с Оперой!
есть div {overflow:hidden;} в нём - длинная таблица table ... tr td - a href="#img1" /a - /td td - img id="img2" / - /td td - a href="#img3" /a - /td /tr ... /table и содержимое tr-/tr полностью занимает окно div'а, позволяя переключаться между картинками с помощью ссылок и якорей (такая вот галерея на одном сухом html). проблема: в Opera переключения, при overflow:hidden, не работают, а тут, как Вы понимаете, прокрутка категорически не нужна... что делать? код валидный, xhtml 1.0 strict и css 2.1, но не работает эта пижня только в Opera %( хотя, IE7 и 8 не проверял, но если в 6 работает, то и там должно, я думаю
0 votes12 answers -
Подсветка области area
На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее границы? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border.
0 votes1 answer -
Как найти работу верстальщику с небольшим опытом
Добрый День. Версткой сайтов занимаюсь около года. За это время приобрел базовые навыки по HTML 5, CSS 3 , Scss, bootstrap 3,основы Java Script, jQuery, gulp, git, основы PHP, cms Wordpress Примеры проектов: https://evgenal.github.io/Iglesia/homepage https://evgenal.github.io/Akad/homepage https://evgenal.github.io/Mairala/ Несколько месяцев тому начал искать работу, но столкнулся с ситуацией, что без опыта работы резюме не рассматривают, а на фрилансе без рейтинга заказ не взять. Как найти свою первую работу, может кто чего подскажет?
0 votes2 answers -
Помогите исправить несколько багов
Меняю дизайн сайта www.torgall.ru u и возник ряд вопросов: 2) В IE при первом заходе на главную страницу наблюдается сдвиг таблицы последних товаров вниз экрана, но после обновления страницы все становится на свои места. 4) Снова IE. В Опере и Мозилле используется эфект "наползания" блока с меню на желтый блок информера - как и было задумано. В IE6,7 вокруг блока меню отображется белая прямоугольная граница фона. Можно ли добиться эффекта прозрачности фона? Сообщайте если заметите другие недочеты, высказывайте свои замечания. Заранее спасибо за помощь. 1) исправлено. Спасибо demous и homm 3) ..... решено
0 votes12 answers -
Циклическая смена фона у div
Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }
0 votes9 answers -
Рамка с заголовком на рамке
Как сделать вот такой DIV с заголовком, перекрывающим участок границы?
0 votes2 answers -
Мозилла выдает ошибку
<!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; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^
0 votes8 answers -
hover в div'e действует на вложенные блоки
Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…
0 votes4 answers -
Защита index.html
Всем привет! Подскажите, пожалуйста, можно ли защитить свои страницы от копирования кода? Создавая страницы, с огорчением, нахожу их у конкурентов.. Даже картинки один в один .. несерьезно, ведь посетители не знают кто у кого что копирует и подрывается авторитет Спасибо :rolleyes:
0 votes7 answers -
Разработка формы
Добрый день! Написал я код <th>Послугу надано, грн<textarea wrap="soft" rows="1" cols="15" name="res">на сумму:</textarea> <hr> Послугу не надано: <input type="radio" name="res" value="1">за власним бажанням клі?нта <input type="radio" name="res" value="2">некоректне обслуг. </th> при отправке результата на сервер, текстовое поле не воспринимается как результат... А нужно, чтоб был один результат из тр?х.
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-