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
-
Блок внутри inline-block
http://jsfiddle.net/Launder/38femeh7/2/ <ul class="menu"> <li><a href="#">Русская кухня</a> <ul> <li><a href="#">Филе рябчика фаршированное в сухарях </a></li> <li><a href="#">Заливной пирог с картофелем и белыми грибами</a></li> <li><a href="#">Щи суточные с расстегайчиками</a></li> </ul> </li> <li><a href="#">Украинская кухня</a> <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a h…
0 votes5 answers -
Многослойный градиент
Подскажите как сделать на фоне многослойны градиент? пытался линейный градиент прописать несколько раз через запятую — не вышло.
0 votes3 answers -
Как заставить левый див наезжать на правый, при изменении размера внешнего див?
Всем привет! Как заставить левый див наезжать на правый? http://jsfiddle.net/g3fwatff/5/
0 votes0 answers -
Нарезка макета
Как нарезать такие иконки, если вырезать из без фона, то получиться не то, и с фоном их тоже не вырежешь http://cs610723.vk.me/u252023236/docs/9650dfc1ebfa/dsaasdfdsafmm.png?extra=oCNkf3MfGI-cYh6zq2mFuuM_qlBMdIbejN15hZ2eEJx2b9UxdoWgYaj7OISo52mun2XwbkIG0WTCBT7no4n4DoPVHD4DJJiv
0 votes6 answers -
Как сделать адаптивный треугольник?
Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!
0 votes0 answers -
Нужна фильтрация элементов на сайте (лэндинге)
Доброго времени суток уважаемые гуру верстки, програмирования и дизайна! У меня возникла потребность на одностраничном сайте, создать блок с фильтрацией элементов находящемся в нем, порывшись в интернете нашел довольно интересный для меня вариант, http://ruseller.com/lessons/les756/demo/demo_3.html Но у меня возникла большая проблема (так как я совсем не силен в скриптах, пхп и т.п.), мне необходимо сделать фильтрацию двойного уровня, в примере по ссылке - фильтрация + сортировка, мне же нужна просто двойная фильтрация! Помощи прошууу!
0 votes2 answers -
SVG и смена его позиции при наведении курсора
Речь идет об обычной кнопке с hover-эффектом. С png все получается. Код выглядит примерно так: a.overBtn { display: block; height: 32px; width: 124px; background-image: url(../images/bt.png); background-repeat: no-repeat;}a.overBtn:hover { background-position: 0px -32px;}Для изображения устанавливаются четкие границы. И нижняя часть кнопки, которая перемещается при наведении курсора в видимую позицию, отрезана заданными размерами изображения. Если png поменять на svg, то последний тупо масштабируется (уменьшается), заполняя заданные размеры. Того же эффекта достигнуть не удается. SVG всегда заполняет данный блок. Можно ли как-то реализовать hover с од…
0 votes3 answers -
перевод фраз
бывалые, подскажите пожалуйста правила хорошего тона при работе с разными cms и фреймворками стоит ли любые фразы привязывать к системе перевода? например вместо такого: <h2>Вы успешно изменили пароль</h2>упорно писать подобное: <h2><% translate('pass_change_ok') %></h2>при просмотре тестового задания или сайта из фолио, увидев первый вариант, не сделает ли фейспалм среднестатистический работодатель? как вы лично относитесь к описанной ситуации?
0 votes4 answers -
Как использовать relative в Bootstrup
Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/
0 votes3 answers -
Сайт не работает в ИЕ
Здравствуйте, ребята. Возникла боль в ИЕ - http://landpage.gezerweb.com/ Сайт-контруктор, там где текст - при клике появляется поле для редактирования. Эта гадость не работает в ИЕ 11. Есть свои косяки и в версиях ниже, но это решаемо с pie.htc. Может быть проблема в лпагине редактирования? Та то он срабатывает, но текста при этом в ИЕ11 нет. Шрифты отсюда - http://fonts.googleapis.com/earlyaccess/alefhebrew.css Думаю, дело в них. Сайт на вордпрессе. Всем шолом и алейхем
0 votes1 answer -
Сбивается чередование цветов в таблице при удалении некоторых строк
Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up"><input type="checkbox" id="check-in"> <table> <thead&…
0 votes4 answers -
Внедрение микроразметки schema.org в шаблон сайта
Всем привет! Целый день бьюсь с внедрением schema.org/Product , а именно "обвернуть" саму валюту (priceCurrency). <!--строка цены-->{if $product->variants|count > 0}<form class="variants" action="/cart">{foreach $product->variants as $v}<div id="fu6"> <div class="inl" id="fu9">{if $v->compare_price > 0}<p class="compare_price">{$v->compare_price|convert}</p> {/if}<p itemprop="offers" itemscope itemtype="http://schema.org/Offer" <span class="price" itemprop="price">{$v->price|convert}</span> <b>{$currency->sign|escape}</b></p><div class="in_tx">{if $v->stock>5}Есть…
0 votes5 answers -
Проблемы с адаптивной версткой
Всем привет. Начал учиться адаптивной верстке. Сразу же возникли первые проблема. Верстаю шапку, прописываю ей width:100% и max-width:960px. При уменьшении окна браузера примерно с 1000px откуда то появляется горизонтальная прокрутка. Откуда, никак не могу понять. Посмотрите, может у меня вообще не правильный подход к верстке. Заранее спасибо. http://cm04741.tmweb.ru/test.html
0 votes3 answers -
CSS валидация
Не могу найти ошибку в валидации, выдает выдает такое http://cs627923.vk.me/v627923236/14d57/uZepzpynQC8.jpg Сайт сделан на респонсив с помощью медиа запросов @media (max-width: 980px){} и @media (max-width: 767px){} и если убрать один из этих запросов то все норм, а так ошибка
0 votes9 answers -
Выравнивание содержимого одной колонки таблицы
Добрый день! Помогите пожалуйста. Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается. <!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;} th, td {width: 150px;} .col1 {text-align:right; background-color:yellow} </style> </head> <body> <table> <colgroup> <col class="col1" /> <col /> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> …
0 votes1 answer -
UTF-8 в css
Как вставить символ ⛳ в css? :after { content: '\e9971'; } не работает...
0 votes6 answers -
Проблемы с навигацией
Я столкнулся с проблемой, когда делал навигацию для сайта. Суть в том, что оп не понятной мне причине, при наведении появляется ещё раз border.По пунктам:Нажал на пункт меню > Ссылка активна, рамка снизу активна. Но при hover эффекте на уже активный пункт меню появляется ещё один border. Как его убрать? код на JS:$(document).ready(function(){ var link = window.location.pathname; $('#custom-bootstrap-menu a[href="'+link+'"]').parent().addClass('Active'); });Ну тут понятно, обьяснять не надокод CSS: #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { color: rgba(255, 255, 255,…
0 votes3 answers -
Стилизация BOOTSTRAP
Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект. Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект. Если я создам свой файл стилей и буду там переопределять их. Это правильный подход? Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка? Например нет встроенных стилей для футера и т. д.
0 votes1 answer -
Кроссплатформенный ИЕ тестер. Есть или нет?
Проблема в том, что после прехода на Linux, задался вопросом. А где же мне тестить верстку под "всеми уважаемый" internet explorer? И возможно новый Edge? Кстати по поводу Эджа. Хотелось бы услышать мнение разработчиков. Это спасение от ИЕ или плюс один геморрой?
0 votes1 answer -
Отступы в Мозиле
исправили бубном, пока не актуально
0 votes0 answers -
Наложение Div-ов
Доброе врем суток! Столкнулся с такой проблемой. При переходе на новую строку, идет наложение картинки на картинку. Картинка кстати, при наведении меняется на другу. Код кину ниже. Как видно, вверху картинки ложатся друг на друга. Пытался сделать все что в голову пришло, ничего не получилось. А вот что нужно сделать: <!DOCTYPE html Version-1.0><html> <head> <title>Сотрудники</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style-employees.css"> <link rel="stylesheet" type="text/css" href="style-media-screen.css"> </head> <body> <div class="Employees-Box-Block"> …
0 votes1 answer -
Проблемы с flex в Safari
Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title>…
0 votes16 answers -
Десятичные числа
Проверял вроде работает $yandex_summ = $params->get('yandex_summ','10');$yandex_summ_mm = $yandex_summ + ($yandex_summ/100 * 0.5);$yandex_summ_mm_mm = number_format($yandex_summ_mm, 2);10+(10/100*0,5) = 10,05 100+(100/100*0,5) = 100,5 200+(200/100*0,5) = 201 надо чтобы к yandex_summ прибавлялось 0,5% полученное значение это 100 руб и 50 коп
0 votes4 answers -
подскажите что не так
Подскажите, пожалуйста, почему тут http://textdeposit.ru/podat-zayavkuв форме после кнопки Отправить столько места и при нажатии на кнопку бегунок и текст под ней странные?
0 votes12 answers -
Автопрокрутка в карусели работает неправильно
Здравствуйте! Подскажите, пожалуйста, в чём проблема Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку. Дело именно в том, что блок скрыт? Как это можно исправить? Вот ссылка на страницу: http://develop.artedivina.ru/NEW/korzina-new.html
0 votes2 answers