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
-
список ссылок с иконками слева
Всем привет, Подскажите я хочу сделать список ссылок с иконками слева в коде вроде: <div class="widget"> <div class="widget-body padding-none"> <h4 class="innerAll bg-gray border-bottom margin-bottom-none">Settings Items</h4> <ul class="fa-ul innerAll"> <li> <a href="/business/scheduler/" class="fa heading glyphicons settings"><i></i>{"Appointments"|translate}</a> </li> <li> <a href="/business/clients/" class="hea…
0 votes2 answers -
Вёрстка IE Mozilla, не верно работает filter
Только один Google Chrome отображает верно! Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым? Я делал так и сработало только в Google Chrome : -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);Вот сам пациент : http://myatlanta.pe.hu/templates1/
0 votes1 answer -
Убрать отступы в меню между блоками
Обычное меню .menu li{ display: inline-block; } .menu a {display:block; float:left;}.menu a {border: 1px solid #c8c8c8;padding-left:10px;padding-right:10px;}.menu ul { margin: 0 auto; text-align: center;}https://codepen.io/anon/pen/PZawQY Как сделать,чтобы границ не было между блоками? если к li прописать float: left; - они убираются но в таком случае исчезает центрирование по центру экрана.
0 votes2 answers -
Выравнивание блоков в masonry
Добрый день. <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320 }'> <div class="prev_block"></div> <div class="prev_block"></div> <div class="prev_block"></div> Не получается выравнять блоки по центру. Так не работает: .case{ margin:0 auto; } Так заработало: <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320, "fitWidth": true }'>
0 votes0 answers -
Разное открытие кнопок!
Вопрос: Почему у меня кнопочки если открою через Интернет Explorer он будут по функции работать ,а если их открою через Gogle Hrome то они стают простымы??! И фотография тоже в Интернете эксплорере не работает а в Хроме нормально!??? Воть: <!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=windows-1251"> <title>Сайт</title> <style type="text/css"> <!-- .стиль1 {color: #F58730} --> </style> </head> <body> <form id="form2" name="form2" method="post" action=""> <div a…
0 votes0 answers -
Создание покупательской корзины
Всем привет. Подскажите плз. скрипт корзины
0 votes1 answer -
Таблица в таблице
Помогите плиз чайнику как сделать чтобы таблица в левой таблице основной таблицы выравнивалась по верху (а не по центру высоты) Заранее спс <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" border="1"> <tr> <th width="60%" height="166" scope="col"><table width="100%" border="1"> <tr> <th scope="col"> </th> <th scope="col"> </th> </tr> …
0 votes1 answer -
Жесткая ширина ячейки
Ребятки, подскажите, пожалуйста, как можно задать ширину ячейки таким образом, чтобы элемент, находящийся внутри нее (картинка), съедалась самой ячейкой? Тоесть если картинка шире самой ячейки, нужно сохранить ширину самой ячейки, а она раздвигается по ширине картинки...
0 votes2 answers -
Заполнение ячейки символами
Здравствуйте! хотел спросить у вас каким образом можно сделать так, чтоб в ячейке после введенной суммы оствшееся пустое место заполнялось знаками "="?
0 votes2 answers -
Анимированное меню
Добрый день! Ситуация следующая: имеется меню из текста и картинки, при наведении на строку меню картинка с помощью java-script изменяется на другую (картинка2). Проблема в том, что при наведении на меню первый раз картинка2 грузится некоторое время (в зависимости от скорости инета), чего хотелось бы избежать. Идея загрузить вторую картинку заранее, чтобы она прокешировалась сразу при загрузке страницы реализовывалась след. образом: <img src="pictures/logo1.jpg"> <img src="pictures/logo2.jpg" style="display: none;"> Но она не принесла успеха. Подскажите п-ста, каким образом можно избежать длительной загрузки второй картинки при наведении на меню?
0 votes3 answers -
Выпадающее меню
В общем, еще давно сделал для сайта выпадающее меню, по сути работает нормально. Но в опере есть такая вещь как подогнать по ширине экрана, у меня она всегда включена, очень удобно так смотреть широкоформатные изображения. Но из-за этого другие сайты иногда некорректно отображаются. Выпадающее меню с фоновой картинкой подгоняется под ширину картинки из которой оно выпадает, но опять же повторюсь это только в опере, и только когда включен подгон по ширине экрана. Как бы это исправить?
0 votes4 answers -
центровка
Может кто нить подсказать какой нить вариант центровки изображения в big_photo? маргин авто не хочет помогать, при заданной ширине картинки http://www.ygo.ru/market/21/
0 votes4 answers -
Смена картинок
Задача такова: Есть картинка А разрешения 300х300 и рядом превью картинок B,C,D как сделать так что бы при нажатии на картинки B,C,D менялась картинка А. Заранее спасибо.
0 votes3 answers -
не работает правило атрибута в ие+опера
Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …
0 votes2 answers -
Проблема с блоками
Добрый вечер всем. Такая проблема, нужно чтобы в зависимости от содержимого контента тянулся сайдбар. На данный момент выглядит так http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg Помогите с этим..
0 votes14 answers -
Вопрос про прозрачность png
Здравствуйте. Столкнулся с такой делемой. Примитивно, код такой... <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <body> <div id = "main"> <div class = "button"> <img src = "images/catalog_menu/buttons/u2.png" /> </div> </div> </body> </body> </html> В CSSке прописан бэкграунд страницы, бэкграунд дива main. Файлик u2.png должен быть одной из конпок на странице. У него есть прозрачные пиксели, через которые должен быть виден бэкграунд дива main. Так вот проблема именно в том что через эти прозрачные пиксели видно фон страницы, а не дива main. Подскажи…
0 votes2 answers -
Смена картинок через hover
Здравствуйте, подскажите пожалуйста. Столкнулся с такой проблемой: нужно чтобы при наведении курсора картинка менялась на другую, т.е. по факту, она должна прокручиваться вниз (картинка: ширина 250, высота 500). Но самое главное на странице таких картинок нужно девять и все разные.
0 votes5 answers -
width (%+px)
В общем есть задача, вроде вполне стандартная, но у меня вызвала затруднение. Есть элемент, в CSS его расположения присутствует margin-left: -7px; Структура элемента- width: 100%; Но при этом появляется отступ с права, т.к от элемента отняли 7 px, в идеале должно быть так width: 100%+7px; Если задавать элементу 101%,102%, то появляется не нужная нижняя полоса прокрутки, т.к дизайн резиновый.
0 votes5 answers -
Почему в разных браузерах, изображение находится в разных местах?
http://jsfiddle.net/DYLtd/ в хроме так а в мозиле так
0 votes3 answers -
Адаптивный слайдер
Здравствуйте. Подскажите как можно отцентрировать слайдер, то есть при уменьшении разрешения, картинка не обрезалась по левому краю! Очень нужна помощь ! kibersant.fatrabbit.ru
0 votes1 answer -
Скрипт для ввода символов
Есть некий код, где для ввода цифр в <input> используются символы, заключенные в <button>. С помощью maxlenght=4 тега <input> удалось ограничить ввод символов в него до 4-х, но только с клавиатуры. Но если вводить цифры нажатием на символы в <button>, работает скрипт, цифры вводятся, но ограничение на 4 символа не работает. 1. Подскажите, как исправить это. 2. Как по достижении 4-х символов в <input> выводить функцию?? (какую - неважно) <html><head><title></title><meta name="keywords" content=""><meta http-equiv="content-type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="" type="…
0 votes4 answers -
bootstrap and section
http://texteredsa.besaba.com/kalolia/kalolia/ Есть сайт. Верстаю на bootstrap 3. Почему та в ie8 верстка рушиться, буд-то секционные элементы не понимает. Подскажите в чем дело?
0 votes3 answers -
подскажите, как сделать скобки вокруг текста?
Здравствуйте! извиняюсь за глупый вопрос, но совсем новичек и не могу придумать как сверстать такой элемент в макете: Можно ли эти скобки сделать border ом? пытался найти, но так и не нашел как сделать такие границы. Сделал пока так: <div class="bkt">[</div> <span class="title">КАТЕГОРИЯ 1 текст текст текст</span><div class="bkt">]</div>.title { font-size: 16px; text-align: center; width: 70%; float: left; line-height: 1;}.bkt { font-size: 25px; float: left;}Но вариант совсем корявый у родительского элемента размеры должны быть указаны, а они для каждой категории разные будут... Подскажите, как такое правильно сверстать?
0 votes3 answers -
Как можно сделать адаптивной линейку превью?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть свой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. Плагин создает галерею с превью. В настройках можно задать видимое количество превью, остальные (если есть) можно видеть промоткой. Если количество видимых привью не помещается на экране в одну строчку, они начинают рисоваться в несколько, что не очень красиво. (точнее очень не красиво) При уменьшении разрешения (т.е. при просмотре через телефон) если превью много и на большом экране они были в одну строчку, то на мобильнике - начинаются показываться в несколько. Можно ли средствами CSS заставить "лишние" прев…
0 votes1 answer -
Строка съезжает вправо и переносится
Здравствуйте. После добавления скрипта для локализации сайта, некоторые элементы посходили с ума. В английской версии строки съезжает вправо и переносится. в русской версии текст из нижнего блока наезжает на текст из верхнего блока. Помогите пожалуйста. https://jsfiddle.net/Lqs94Lfq/#&togetherjs=MdGyCfhKaq Скрытый текст
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-