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
-
Выбор на основании конкретного значения + псевдоэлемент
Как сделать, чтобы у внешней ссылки позади нее, размещенной в теле статьи, был значок в виде изображения (например, как на сайте htmlbook.ru) ? Я хотел было сделать так, но не работает. a[rel=nofollow]:after {content: ""; background-image: url(../images/template/blank.png);} Подскажите изящный вариант :-)
0 votes3 answers -
bottom... с position absolut и relative
Доброго времени госопда, открыл простой урок по bottom, все очень банально, есть 2 div'a, 1ый является контейнером с фиксированной высотой и шириной 200px, в нем находится еще один div, с позицией relative и bottom суть такова если задаю абсолютное позиционирование (absolute) то как и положенно вложенный div относительно окна браузера делает отступ, если использую relative как-то не правильно работает, не как в уроке написанно, подскажите в чем моя ошибка? HTML <div class="di_img"> <div class="di_img_cont"> </div> </div> CSS .di_img { margin:100px; width:200px; height:200px; background:#F00;} .di_img_cont { background:#0F0; width:50px;…
0 votes6 answers -
Видео с youtube на статичной странице
Есть такая проблема: на статичной html странице размещаю несколько видеороликов с youtube (около 10). Естественно, страница ооочень долго грузится. Как бы ускорить загрузку страницы? Может, вместо видеоплеера вставить скриншоты, а по клику на нем появляется всплывающее окно и в нем видео с youtube?
0 votes7 answers -
html5 nav
Здравствуйте, у меня вот какой вопрос можно ли в html5 тег <nav> писать перед тегом <header>? Примеру так : <!DOCTYPE html> <html> <head> <title></title> </head> <body> <nav></nav> <header></header> </body> </html>
0 votes6 answers -
3 колонки в одном диве
здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!
0 votes5 answers -
FancyBox переопределяет вертикальный скролл ?
Есть такая проблема в последней версии всем известного плагина FancyBox когда модальное-iFrame окно всплывает то оно затрагивает вертикальный скролл страницы, на странице много контента и соответственно вертикальный скролл длинный, при всплытии плагин берет и убирает существующий скролл и заместо него просто резервирует скролл без ползунка, у меня на сайте некоторые блоки с position:fixed дергаются изза этого переопределения скролла. Вот привожу ссылку на страницу где можете сами лицезреть мною описанное(нажмите на iFrame). Перепробовал все что знаю в итоге не получается сделать так чтобы скролл страницы вообще не затрагивался и не переопределялся Есть старая версия плаги…
0 votes1 answer -
Помогите с <img>
Здравствуйте. Добавляю в верству изображения <div class="buttom"> <img src="images/news-btn.jpg" alt="НОВОСТИ"> <img src="images/faq-btn.jpg" alt="FAQ"> <img src="images/forum-btn.jpg" alt="FAQ"> <img src="images/contacts-btn.jpg" alt="FAQ"> <img src="images/support-btn.jpg" alt="FAQ"> </div> при просмотре страницы между изображением есть пустые промежутки или отступы. Подскажите новичку как их убрать. padding или margin не помогают.
0 votes11 answers -
Полупрозрачный фон на весь экран, покрывающий скроллинг
Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном
0 votes3 answers -
Карты Google
День добрый! Хотел установить карту гугл на сайт, она должна быть "чистая" без кнопок, только с одной меткой на карте. Но как выяснилось чтобы их удалить нужно с JS возится, я его еще не знаю. Если кому не сложно можете написать здесь пример кода? Спасибо!
0 votes6 answers -
fancybox переход сразу к открытому модальному окну?!
Ссылка на открытие модального окна имеет вид: <a class="fancybox fancybox.iframe buy" href="./buy/test.html">Заказать</a> В test.html форма, мне нужно что бы после заполнения и нажатии кнопки отправить, выполнялся скрипт а после выполнялся как бы переход на страницу где модальное окно уже открыто,ну проще сказать после того как нажали отправить выполнялся переход как будто перешли по такой ссылке: <a class="fancybox fancybox.iframe buy" href="./buy/done.html"></a> Код кнопки отправить имеет вид: <input class="buy" type="submit" value="Отправить"/>
0 votes1 answer -
Помогите довести до ума
Здравствуйте! Целый день бьюсь над несколькими проблемами, давно верстал, а вертку не доделал и забыл что да как. Вот имеется странички: http://banks.xpmaster.ru/gamer/index.html http://banks.xpmaster.ru/gamer/index2.html Так у них в между блоков есть пространство, как его убрать? А также нужно выровнять футер, нужно сделать так чтобы он был на весь экран растягивался. Как это сделать? Спасибо за внимание, надеюсь поможете.
0 votes4 answers -
Ссылки mailto :visited
Добрый день. Подскажите пожалуйста, как ссылки mailto заставить реагировать на псевдокласс :visited? Т.е. если ссылка http - то при посещении, она окрашивается в определенный цвет, при посещении ссылки mailto - этого не происходит. Пытался прописать стиль в :visited - не реагирует. Помогите пожалуйста разобраться.
0 votes0 answers -
Не отображается виджет vk в табах ?
Перепробовал кучу решений табой и ни в одном не отображается виджет сообщества VK, если его просто вставить на страницу без табов он отображается, код виджета лежит во втором табе нужно смотреть через firebug, вот ссылка <script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "190", height: "220", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29627308); </script>
0 votes2 answers -
Yootheme Subway - сделать дату как в демо?!
Добрый день. Пытаюсь сделать сайт для товарища на основе шаблона Yootheme Subway. Хочу сделать дату как в демо версии шаблона возле модулей (слева от модуля). Вот демо шаблона: http://www.yootheme.com/demo/joomla Подскажите пожалуйста как правильно сделать так красиво дату?! Может какой то плагин нужен или это просто писать нужно в html или css? Я начинающий относительно сайтов поэтому прошу объяснить как для "тупых"). Вот сам сайт который требует помощи: http://rococo.in.ua/ Заранее спасибо.
0 votes3 answers -
Подключение скрипта
Доброго времени суток . подскажите пожалуйста как подключить скрипт textShadow? На этом ресурсе нашел сам скрипт и синтаксис к нему.http://potapov.com.ua/library/34/ Делаю все как сказано <!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="styles/ie8.css" /> <script type="text/javascript" src="js/jquery.dropshadow.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".spit").dropShadow({color:"#000",left:1,top:2}); }); </script> <![endif]--> где .spit -это ссылка к которой я пытаюсь применить свойство . При запуске страницы вылезает сообщение Line 118 jQuery определение отсутствуе…
0 votes5 answers -
Расположить блоки по ширине родителя
Добрый день! Есть следующий код html и css: <!DOCTYPE html> <html> <head> <title>test-page</title> <meta charset="utf-8" /> <style> body {margin: 0px;} header {width: 1000px; margin: 0px auto} #a {width: 300px; float: left; background: #27408B} #b {width: 200px; float: right; background: #008B00} #c {background: #CD2626; height: 150px} #a, #b {height: 100px;} </style> </head> <body> <header> <div id="a"></div> <div id="b"></div> <div id="c"></div> </header> </body> </html> Задача. Левый синий блок (div id="a") и правый зеленый (div id="b") имеют непо…
0 votes1 answer -
Не открывается модальное окно в IE
html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…
0 votes14 answers -
:hover и меню
Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…
0 votes5 answers -
background(ie)
Всем доброго дня. Интересует почему в браузерах ie 7-9 Не отображается фон дива ( <div class="logo"></div> ) Сайт _liolll.o0.pm
0 votes2 answers -
Двойной градиентный бордер в меню?
Возможно ли сделать на css двойной градиентный бордер? или все таки придется класть картинкой?
0 votes3 answers -
скругление внутрь
как сделать что-то подобное? (блок со скруглениям у вершин)
0 votes3 answers -
Как подключить лист стилей?
Доброго времени суток. Возможно ли подключить лист стилей к .php, если он встраивается в середину index.php с уже подключенным style.css? Оба .css содержат большой код, что очень мешает работе. Дело в том, что .php не содержит тега "head", а является частью подключаемого кода к index.php.
0 votes2 answers -
Активный пункт меню при наведении курсора на выпадающую часть ?
Пользователь водит курсором по выпавшему блоку ссылок и пункт меню должен оставаться вдавленным ну или нажатым, как это сделать на css? или такое только на js нужно делать? И еще как сделать стрелку к пункту меню на css ?
0 votes4 answers -
Ищу наставника
Всем доброго времени суток!!! Люди добрые отзовитесь, мне нужен наставник! Я освоил азы HTML и CSS и теперь не знаю с какого конца начать, чтобы продолжить своё обучение! Мне нужна направляющая по которой я мог бы двигаться дальше. Желание огромное!!! Кто поможет буду оооооочень благодарен!!!
0 votes14 answers -
Выпадающие окна меню с помощью css
Добрый день! Нужна помощь коллективного разума, так как сама не справляюсь. Нужно сделать выпадающие окна с помощью css. У меня получилось вот такое (см. код), но я уперлась в проблему: выпадающее меню не становится линейным, как список верхнего режима. Я в курсе, что это свойство задается float: left, однако куда именно его вписывать - не понимаю (метод тыка результатов не принес). Если сможете объяснить, в чем ошибка - буду крайне признательна. Код прилагается. Спасибо! <style type="text/css"> #navigation { list-style: none; float:left; color: white; font-family: Franklin Gothic Medium; font-size:14px; width: 100%; } #navigation li { float:left; position:relat…
0 votes2 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-