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
-
Стиль активной кнопки. Проблемы с заменой канртинки
Здравствуйте! Возникла небольшая проблема с вёрсткой. Есть html: <div class="best"> <div class="slider"> <img src="img/food.png"> </div> </div> Есть css: .slider:active > img { background-image: url("../img/block.png") } Моя цель, чтобы на картинку, которая из html загружался сферху фон из css (block.png) по клику. Но выходит так, что фон (block.png) загружается за картинкой из html (food.png) и ощущение, что ничего не происходит.
0 votes8 answers -
помогите с гугл картой
Доброго времени суток, можно ли стандартными инструментами Гугл реализовать такую карту с метками и закладками на сайте? http://joxi.ru/I-GpUxjKTJAtHxi7ECw - сылка на скрин
0 votes3 answers -
Проблема с отображением верстки под safari
Проблема с отображением верстки под safari Суть проблемы: 1. Пациент - http://test.velesgodstudio.ru http://joxi.ru/36mqU_3JTJA7Y1Rnto8 - проблема При расширении экрана 1366 пикселей, фоновая картинка <div class="line-logo" style="background: url(images/wwb_img3.jpg); height: 103px; display: block; max-height: 103px;">.line-logo { width: 100%; background-image: url(../images/wwb_img3.jpg); background-repeat: repeat-x; background-size: cover; height: 103px; z-index: 10; margin-top: -10px;}С такими костылями, увеличивается в низ, в результате чего картинка лого, и список меню, выпадают с рамки. Уменьшаешь рамку браузера все стает на свои места, подскажите в чем ош…
0 votes2 answers -
Верстка каталога Интернет магазина
Всем привет. Верстаю макет интернет магазина. Не могу сверстать каталога. Вот изображения. Помогите советами, наводками как сверстать такой блок: Что-то похожее реализован на этом сайте. Спасибо заранее!
0 votes6 answers -
Модальное окно
Добрый день! Помогите, пожалуйста, разобраться с маленькой проблемой. На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333 В данном варианте это маленькие картинки ДСП, ПВХ и т.д. При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение? Спасибо! Вот CSS - код модального окна: zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); t…
0 votes1 answer -
Контент не встает посередине
Помогите, что не так? Где искать? сайт http://www.terra-dzr.ru/, col-md-5, а проще контент, должен встать посередине, но никак....(
0 votes3 answers -
Разбор twitter bootstrap, задаем вопросы что не понятно
Задаем вопросы и получаем ответы на них чисто по twitter bootstrap. У меня вот вопрос: div с классом row для чего используется? <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div>этот же код можно было сделать так? <div class="clearfix"></div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="clearfix"></div>Так ведь?
0 votes17 answers -
Когда div нужен
Доброго времени суток, народ правильно ли если div пустой и он имеет только бэкграунд? этот div сделан только для этого фона. Чем это не хорошо кроме того что лишние div не нужны. И есть ли ситуации когда так делать нормально?
0 votes16 answers -
Изображение растянулось в высоту.
Изображение растянулось. В браузере который стоит в Debian 7.5 KDE, толи Konqueror, толи Сonqueror, в одном из них. <img src="http://www.site.ru/market/3/x3.jpg" align="top" alt="моя фотография" height=20% width= 20% >В других браузерах работает по другому, там получилось ровно, как мне нужно.
0 votes2 answers -
Нужна помощь в выведении третьего уровня меню в css
Доброго времени суток, ребята. Что нужно добавить в этом css коде, чтобы начал отображаться третий уровень выезжающий вправо из второго? .sidemenu, .sidemenu ul, .sidemenu ul li{margin:0;padding:0;list-style:none;}.sidemenu{position: fixed;top: 0;left: 0;width: 183px;height: 100%;min-height:700px;z-index: 1037;-webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.4);box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.4);}.sidemenu > li{cursor:pointer;text-align:center;}.sidemenu > li > a{padding-top:30px;display:block;text-decoration:none;color:#F4F4F4; }.sidemenu > li > a:hover{ggopacity: .6;transition:all .3s ease;-o-tr…
0 votes0 answers -
Не работает transition при drop&down Меню.
C transition ами раньше не сталкивался. Помогите пожалуйста делать плавного появления блока при наведении на меню "Мой аккаунт" Спасибо. http://jsfiddle.net/parnas/pZuG5/
0 votes11 answers -
Как сделать надпись в HTML под углом
Подскажите пожалуйста как сделать такую надпись в HTML под углом? Это через скрипты делается? или через CSS или HTML?
0 votes1 answer -
Размер шрифта в Safari
Шрифт 14pt в FF (других браузерах) и Safari - совсем не одно и тоже. В 2 блоках вылезают надписи. Разница разительна. Про сголаживание я вообще молчу. Как решить проблему без костылей?
0 votes9 answers -
help with bootstrap
Нужна помощь, имеется контейнер .container задал ему max-width 620px на md расширении все правильно, но когда уменьшаю размер окна браузера элемент растягивается на весь экран. Как можно сделать что бы он не растягивался а уменьшался пропорционально?
0 votes0 answers -
Микроданные из рекомендаций Google и Яндекс
Интересует в основном два вопроса: 1. Яндекс предлагает писать в тегах отсылку на schema.org, что, в общем-то и понятно, <div itemscope itemtype="http://schema.org/Person"></div>а вот Google использует data-vocabulary.org, <div itemscope itemtype="http://data-vocabulary.org/Person"></div> что не понятно - если напишу отсылку на схемаорг, то Гугл не станет индексировать? И вообще, есть ли практический смысл от этих микроданных? 2. В этих рекомендациях этих же сайтов все данные оборачиваются в <span>, что понятно, как строчный элемент, но не описано - имеет это принципиальное значение? Могу я вместо <span itemprop="name"></span> с…
0 votes4 answers -
Объясните ошибку в коде
Добрый день! Никак не пойму почему у меня в хедаре следующая ерунда: http://clip2net.com/s/ioDzH2 <header> <div class="contener"> <div class="logo"> <img src="img/logo.png" alt=""> <h2>Professional oral care</h2> </div> <div class="english"> <a href="">In English</a></div> <nav> <ul> <li><a href="#">О компании</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Выбери себе</a></li> <li><a href="#">Общение</a></li> </ul> <ul> <li>…
0 votes3 answers -
Маленькая вёрстка на html5
Добрый день уважаемые форумчане. Помогите пожалуйста мне сверстать очень маленький код на html5. Буду очень благодарен. Ширина должна быть фиксированной - 1000px (ну это я смогу изменить самостоятельно ); Сама проблема состоит в том, чтобы высота sidebar зависела от высоты блока content (в котором собственно и будет располагаться контент) Сам попробовал - не получается, текст почему-то отображается под sidebar Воспользовался генератором, он генерирует говнокод какой-то. Помогите пожалуйста, буду очень благодарен.
0 votes5 answers -
bootstrap. преобразование меню
подскажите пожалуйста какая настройка отвечает за преобразование верхнего меню в иконку при малой ширине экрана для этой страницы. мне нужно чтобы оно преобразовывалось в иконку только на телефонах с очень маленьким экраном
0 votes4 answers -
Нестандартный текст
Возможно у кого-небудь есть идеи как сверстать данный текст?
0 votes3 answers -
Относительные ссылки, за и против?
Все привет камрады! Как вы относитесь к относительным ссылкам? Лучше они или хуже? Просто я очень редко вижу сайты, в которых используются относительные ссылки на страницы. Все предпочитают писать http://site.ru/contacts.html а не просто /contacts.html. А какие ссылки используете вы и почему? Всем спасибо.
0 votes6 answers -
Есть ли у вас своя база знаний?
Всем привет. Объясню суть вопроса. При работе постоянно решаются различные задачи, применяются приемы и скрипты, которые встречаются достаточно часто. Каждый раз я вспоминаю где на предыдущих проектах я применял нужный скрипт, ищу этот проект, копирую оттуда скрипт и т.д. Поскольку новых знаний много, в голове все не удерживается и хочется как-то сохранять свои решения для последующего использования в одном месте. Сохраняете ли вы свои решения для стандартных задач в одном месте, что бы в будущем использовать? Если да, то как вы это делаете? Просто в файлик, вики-страничка, evernote или еще как? Расскажите поподробнее, пожалуйста.
0 votes9 answers -
Добавление комментариев в группе Гости
Привет всем. Есть шаблон, движок DLe. Всё в принципе работает, регистрирует новых посетителей. Вот только при добавлении комментариев не зареганным пользовательням оч. криво, капча не отображается... И нету поля для ввода имени. Есть лишь поле с тегами куда пиать коммент, подскажите как исправить. <div class="static_h"> <h3>Добавить комментарий</h3></div><div class="static_c padd"> <div class="form-group"> {editor} </div> [sec_code] <div class="form-group"> <div>{code}</div> <-------- Вот тут сама капча. (при регистрации пользователей капча отображается) <div><input type="text" class=…
0 votes0 answers -
продолжить фон по бокам страницы
помогите пожалуйста исправить ситуацию есть адаптивная страница, вот её примерная схема. сделана на bootstrap3(по краям блока .wrap_c есть отступы). я хотел бы страницу переделать и привести к такому виду(по бокам от блока .wrap_c не отступов). при этом ширина блока .wrap_c должна остаться такой же проблема в том, что в блоке .wrap_c есть система из адаптивных блоков, которую переделывать мне не хотелось бы скажите есть ли способ малой кровью сделать описанное выше преобразование? и если есть, то подскажите как если такое невозможно, то может быть поможете хотя бы болванкой для нужной мне страницы? буду тоже благодарен
0 votes3 answers -
Так ли нужно прижимать футер ?
Знатоки поделитесь знаниями. Нужно ли все время прижимать футер ? Делаю вторую верстку всего, использую схему с прижатым футером, но контент не требует этого.
0 votes8 answers -
Градиенты и скругленные углы в IE.
А вот нету. Если на диве висит CSS3 градиент + скругленные углы то корректного решения я не нашел. http://css3pie.com/, скажут некоторые? Работает через раз - то отрисует бекграунд то нет. На некоторых есть - на других нет. Когда стандартное filter стояло - таких проблем не было. http://dillerdesign.com/experiment/DD_roundies/ ? Без градиента. С градиентом - не работает. Jquery Corner вообще в топку - все поломал. Для тех кто думает что на сайте просто криво все сверстано - специально проверяли убрав все лишние скрипты и стили. Кто что из уважаемых гуру посоветует? Попеременно пай работает - F5 - работает, F5 - нет
0 votes5 answers