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
-
Twitter Bootstrap
Подскажите, как можно встроить navbar-fixed-top панель на страницу так, чтобы стили twitter bootstrap не перебивали основные стили сайта и наоборот?
0 votes3 answers -
active/link
Обьясните пожалуйста почему не работает вот такой код Хочу прозрачные вкладки, когда не активные... <!DOCTYPE html> <html> <head> <link type="text/javascript" href="js/iframes.js"> <link rel="stylesheet" type="text/css" href="css/style.css"/> <meta charset="utf-8"/> <meta name="description" content=""> <meta name="author" content=""> <title>land47</title> </head> <body> <style> .tabs nav ul il { cursor: pointer; margin-right: -4px; border-radius: 0 0 15px 15px ; padding: 7px; background-color: #9e00bb ; } .tabs nav ul il:active,.tabs nav ul il:hover{ opacity: 1; } .tabs nav ul il:link,.tabs …
0 votes2 answers -
Как сделать видео конференцию на сайте?
Какие теги надо использовать для создания видео конференции?
0 votes3 answers -
Увелечение размера блока товара при hover
Всем привет! Ломаю голову как можно сверстать страницу товаров интернет магазина на котором при наведении на блок товара, размер блока увеличиваеться по 20px по краям(составляя 40 пикселов). Более конкретно: Сам блок с размером 163px. С помощью inline-block выстроен в ряд. Естественно при изменении размера, нарушаеться сетка. Дорогие друзья, что можно делать в этом конкретном случае чтобы сетка не нарушалась?
0 votes5 answers -
Сделать такой эффект для li
Добрый день. Есть список элементов, не получается сделать для <li> такую "рамку". Или для такого эффекта необходимо фоновой картинкой ставить подложку под текст? И если кто сталкивался, наверняка есть генератор для подобных штук?
0 votes2 answers -
поиск похожей вёрстки
помогите пожалуйста советом нравится этот шаблон, но ни покупать его, ни верстать с нуля у меня нет желания. может кто-нибудь видел в сети хотя бы подобный(в виде вёрстки)? то есть чтобы функциональная часть основных элементов(слайдеры, меню, адаптивность и т.п.) была уже готова
0 votes2 answers -
Свои атрибуты в SVG
Можно ли в SVG файл вставить свои атрибуты и уже на сайте вывести картинку и получить эти атрибуты через JS?
0 votes2 answers -
Подскажите начинающему
Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…
0 votes1 answer -
Стили в вордпресс
Здравствуйте! Есть сайт с товарами. На странице товара указана фраза Нет в наличие. Мне необходимо изменить цвет. Пытаюсь сделать это в редакторе, но изменения не сохраняются. Возможно не ту часть кода редактирую. Подскажите пожалуйста.
0 votes1 answer -
IE8
Установил ИЕ8 и... часть контента сайтов не отображается. Все, что в ФайрФоксе3.5 прекрасно отображается, в ИЕ8 с дефолтными настройками - нет. Сайт datingonline1.com. На главной должен в правом нижнем углу всплывать банер - в ИЕ8 он не всплывает. <script type="text/javascript" src="http://www.anastasiasaffiliate.com/banners/invite"></script> <script type="text/javascript"> invitations.init(10, 20, 30, 50, 103517, 2193); </script> Ссылка bookmark us, до того прекрасно работавшая в ИЕ6, не работает. <a href="" onclick="window.external.AddFavorite(location.href, document.title);return false">Bookmark us!</a> На других страничках есть …
0 votes0 answers -
Проблема с выводом списка
HTML: {% for hotel in hotels%} <div id="rl"> <ul> <li> <a href="{{ hotel.get_absolute_url }}"><img src="{{ MEDIA_URL }}{{ hotel.hotel_image }}" alt=""/></a> <h2><a href="{{ hotel.get_absolute_url }}">{{ hotel.name }}</a></h2> <strong>Город:</strong> {{ hotel.city }}<br/> <strong>Цена:</strong> {{ hotel.price }}<br/> <strong>Адрес:</strong> {{ hotel.address }}<br/> </li> </ul> </div> {% endfor %} <div> <a href="{% url hotel_list %}"><strong>Все отели</strong></a> </div>…
0 votes0 answers -
Как и где мжно применяь
Никак немогу разбратся ,почти всегда тег Vertical-align у меня нерабтает - почему???
0 votes4 answers -
пропали блоки
помогите пожалуйста найти пропавшие в ie6, ie7 блоки. в других браузерах они видны. страничка
0 votes3 answers -
Пропали части сайта
Сайт Не понимаю в чем дело.. кто сталкивался подскажите пожалуйста Прогонял его через валидатор, исправлял ошибки, подумал удалил что то не то. Вернул все на место, не помогло.
0 votes1 answer -
вертикальное выравнивание в блоке
как кроссбраузерно выровнять текст по центру по вертикали в блоке, если он реализован следующим образом: <ul> <li><a href="#"><span>текст 1</span></a></li> <li><a href="#"><span>текст 2 длинный</span></a></li> <li><a href="#"><span>текст 3 пока короткий, но моежет поменяться/span></a></li> </li> где на теги a и span привязывается метод раздвижных дверей. длина ячейки может изменяться. длина текста в ячейке тоже не фиксирована. а в целом вся цепочка растягивается на 100%
0 votes2 answers -
Не видны другие background-ы
Короче при локале всё было хорошо вот в стиле записывалось вот так: Но при global-е нечево не видно помогите пожалуйста в чём проблема! Заранее спасибо
0 votes3 answers -
Установка мода Medals System MOD for phpBB3
Разобрался, прошу удалить тему.
0 votes0 answers -
0 votes3 answers
-
Плавное перемещение картинок
Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло
0 votes2 answers -
безопасность использования Unicode символов
безопасность использования Unicode символов для рисования фигурок http://copypastecharacter.com/graphic-shapes Какие могут быть проблемы в браузерах(кроме ие6)?Оправдано ли их использование для рисования фигурок?
0 votes0 answers -
div по центру
Подскажите пожалуйста, как выровнять див с картикой по центру и по горизонтали и по вертикали, и что бы при ресайзинге картинка оставалась по центру? Пробовал min-height для обертки, а потом от обертки делать отступ, но все равно не работает. Спасибо заранее
0 votes2 answers -
Margin:0 auto для блока с абсолютным позиционированием
Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему?
0 votes1 answer -
Партнер битрикса
Добрый день Столкнулся с недобросовестностью одного из партнеров Битрикса Хотел бы поделиться информацией возможно кому то поможет Подскажите в каком разделе лучше опубликовать?
0 votes3 answers -
li
Как сделать область под li ссылкой? Сам текст ссылка. Height 100px к примеру ставлю, при наведении в эту область курсор делается как pointer, а ссылка не работает. UPD Извините разобралась
0 votes0 answers -
не отображаются картинки в опере!
SOS! помогите! везде сайт нормально показывается, а в опере почемуто картинки не показываются..отчего так может быть? причем правой кнопкой если нажать открыть изображение, то оно открывается..а так...ни одного - пусто.понятное дело что "показывать изображения" включено. а все..дошло...там столько раз изображения надо включать..
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-