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
-
Как реализовать увеличение карточки товар при ховере как ikea.com?
Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea
0 votes1 answer -
Проблема отображения элемента в Firefox
Добрый день уважаемые коллеги, столкнулся со странным поведением элемента в Firefox, точнее странном отсутствии поведения. http://test.shn-host.ru/ в разделе Каталог товаров есть фильтр, с цветом, размером, стилем. Во всех браузерах выпадающие списки в фильтрах работают как нужно, только в FF на нажатие вообще нет реакции. Обычно проблемы в IE, но тут нет, в IE все отрабатывает нормально. Просмотрел все что в голову приходило, посмотрите кому не сложно, возможно что-то упускаю. Спасибо.
0 votes2 answers -
Модальное окно не работает
Не работает модальное окно, подскажите пожалуйста в чем может быть причина. <body> <header> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="text-center text-white">************</h1> <div class="itd_play btn btn-primary" data-toggle="modal" data-target="#myModal"> <div class="itd_triangle"></div> </div> <a href="#footer" class="btn…
0 votes1 answer -
Визуальный редактор
Подскажите, пожалуйста, кто имеет опыт разработки визуального редактора, чтобы тект из формы был отформатипрован должным образом: обзацы, списки, и т.п.
0 votes4 answers -
вопрос по работе Clear в IE
Я начинающий. В процессе верстки наткнулась на необходимость отменить обтекание Clear, но что-то не хорошее происходит в IE. Скажите, как IE воспринимает Clear? Какие глюки при его использовании возникают? У меня используется прозрачный гиф для фона меню, которому прописано float: left; Так вот текст обтекающий его справа, почему то частично заходит под гиф, т.е там где прозрачно он виден, а там где гиф не прозрачен, там текст (сохраняя свою прямую левую линию выравнивания) западает под гиф. Так происходит не всегда, но при изменении размера окна браузера глюк проявляется. Подскажите, плз, как исправить. вот здесь все - html, css и картинка fon.gif в зипе вот кусок кода h…
0 votes3 answers -
Не правильное отображение в IE
Здравствуйте! Помогите пожалуйста разобраться с вопросом. Сейчас попробую сформулировать. В общем, архитектура сайта такая: Основная часть занимает 800 px (левый сайдбар - 200px, и основная часть 600px). А вот по бокам оставлены колонки, ширина которых не проставлена. То есть задумано так, что 800 px будет по центру, а размеры боковых частей будут формироваться автоматически в зависимости от разрешения экрана. В мозиле и опре всё работает без проблем. А вот IE это судя по всему не понравилось. на форуме нашел несколько похожих проблем, но проблему решить не удалось. Сайт: _www.vel-les.ru. Может кто сталкивался, правда, очень нужна помощь.
0 votes4 answers -
Как такое сверстать под джумлу?
Еще раз поднимаю топик по дизайну сети. Как такое верстать под джумлу? Таблицей лучше или позиционировать слои? Внимание!!! Также принимаются ВАШИ макеты, которые не УГ!!!
0 votes14 answers -
Подключение блока коментариев у Wordpress шаблон.
Хочу подключить блок комментариев к блогу. Как можно сделать, опишите подробно если можно или дайте ссылку на статью, гугл не помог. Изучаю Wordpress и делаю шаблон с нуля, хочу разобраться как все действует ну и постепенно наполняю шаблон функциональностью.
0 votes2 answers -
Работа со списками
Здравствуйте.Подскажите пожалуйста как можно сделать вот такой список: 1.Элемент А 2.Элемент Б Элемент Б.1 Элемент Б.2 3.Элемент В Заранее спасибо.
0 votes12 answers -
Картинки+текст в один ряд
Ребят помогите с css, как сделать в div вот так ->
0 votes3 answers -
z-index
Дано: <div id="one"> <div id="two"></div> </div> <div id="three"></div> Как сделать, чтобы второй блок перекрывал третий, но третий при этой перекрывал первый? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; } Такие стили дают результат, при котором 2й блок перекрывает только 1й и их оба перекрывает 3й (несмотря на з-индекс).
0 votes4 answers -
Грамотная оптимизация графики.
Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …
0 votes9 answers -
Элемент для анонса статей
Добрый день. Меня мучит такой вопрос: есть ли подходящий семантический элемент для анонса статей? <article>, как мне кажется, сюда не подходит.
0 votes5 answers -
Активный пункт меню.
Добрый день, Ув. Форумчанены. Я у Вас новичек, но много полезной информации увидил на форуме. Вот решил создать сайт дял автосервиса и столкнулся с такой проблемой. Сделал я меню картинками, т.к знакомый так попросил. Задача была такая: Поставить активный пукнт меню второй картинкой. Я думал это мелочи жизни, т.к на подобии кодом .актив ставил много раз. Начал делать менюшку, с ховером всё отлично получилось при наведении пункт меню меняет. Но при клике, ни чего. +( Может кто посоветует что либо?! Ссылка на сайт тут Код меню: <div id="menu"> <ul> <?php if ($multi_lang == '') { echo ' <li><a class="onas" href="./?page=onas" '.($page=='o…
0 votes3 answers -
Вопрос по внутренней оптимизации
Хостинг на котором я арендую площадку предлагает сервис диагностики сайта Whois. Зашёл, сделал диагностику, и получил советы по оптимизации. А вот как их реализовать пока не знаю. Ну кеш браузера настрою, а с остальным что делать, Как сжать CSS и Java Script и как отдавать статический контент. Не подскажите? Для сжатия вроде бы есть сервисы. Изображения вот я сжимаю в Image Optimise. А как с кодом не знаю. Если щёлкнуть по знаку "Стоп" то открываются ссылки на файлы, пройдя по ним открываются сами файлы в блокноте и что с ними делать? Если можно подскажите.
0 votes17 answers -
Стилизация select
Пытаюсь подобрать библиотеку для стилизации select Не могу найти ничего более-менее приемлемое. Много из перебранных плагинов не поддерживают выбор клавиатурой, есть через навороченные. Вот, например, это http://select2.github.io/select2/select-2.1.html бы подошло, но проблема в том, что не знаю как убрать поле поиска, которое отображается при открытии селекта. Может кто-то скажет, как можно его убрать (понятное дело через стили можно скрыть) но нет ли штатного способа. Или может посоветует другой плагин, безо всех там jQuery UI и прочих тяжелых навороченных библиотек. -- Стилизацию через CSS без js рассматривал, но не очень красиво получается. так как выпадающая область …
0 votes3 answers -
стандартные файлы в темах вордпресса
Может кто знает где взять полный список всех возможных стандартных файлов wordpress с описаниями о их назначении и названиями функций при помощи которых данные файлы вызываются? Мне интересен пока только список этих файлов, функции которыми они вызываются и описания о назначении, а не вся документация полностью
0 votes1 answer -
ссылка блок с вложенными элементами
есть такая конструкция <a href="" style="display:block; width:100%; backround:url('back.gif')"><img src="" style="float:left" /><img src="" style="float:right" /></a> доктайп XHTML 1.0 Transitional если ширина блока больше чем сумма длин картинок, то между картинками образуется пустое пространство с фоном. мне нужно чтоб весь блок был ссылкой, но в данной ситуации ссылками являются только картинки,а пространствно между ними нет! как сделать правильно?
0 votes2 answers -
Scroll, только в в текущем div
Собственно с помощью javascript генерится поверх всех элементов окно div в overflow:scroll, с таблицей внутри. Когда крутишь роликом мышки в div, то и прокручивается главная страница, под этим div контейнером. Можно ли как-то сделать, чтобы прокручивалось, только внутри div? Я тут думал, что можно сделать fixed фону, на время просмотра, а потом возвращать, но дело в том, что у меня ссылка для открывания этого div находится в footere, то есть на неё могут кликнуть в любой части сайта.
0 votes2 answers -
Строчка в таблице
Здравствуйте Учусь сам. Такое задание нужно выполнить, как на рисунке Тут видно, что строчек получается 5, у меня же получается 4 Вот код <!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=utf-8"> <title>веб-страницы</title> </head> <body> <TABLE width="900" border="1" cellpadding="0" cellspacing="0" align="center"> <TR> <TD colspan="3">1</TD><TH align="right">2</TH><TH align="right">3</TH><TD rowspan="2" align="right" valign="bottom">4</TD> </TR&g…
0 votes10 answers -
Вывод списка друзей, как в вконтакте
Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?
0 votes6 answers -
Краткое описание при навидении мышки.
Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>255…
0 votes5 answers -
кроссбраузерные до ie8 врезки без js
помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом
0 votes10 answers -
Хочу узнать по поводу платных онлайн-курсов
Всем привет! Я новичок в этой сфере и пытаюсь найти информацию в гугле. Часто натыкаюсь на рекламу онлайн курсов по программированию. Подскажите, есть ли хорошие курсы, стоит ли их покупать?
0 votes2 answers -
Page-enter
где можно посмотреть наглядное расшифровывание иллюстрациями тег <meta http-equiv="Page-Enter" content=
0 votes0 answers