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
-
Меняется размер меню навигации в разных браузерах.
Здравствуйте, решил установить себе на сайт вот это меню. Все прошло нормально, меню нормально отображается в Chrome и IE11, но при открытии сайта через Firefox 28 меню укорачивается в длине на 3-4 пикселя. Не понимаю в чем может быть проблема. Снимки проблемы в разных браузерах: Код CSS навигации. /*—————————- CSS3 Animated Navigation—————————--*/.fancyNav{ /* Affects the UL element */ overflow: hidden; display: inline-block;}.fancyNav li{ /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */ background-color: #f0f0f0; background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-sto…
0 votes2 answers -
Не применяются стили к div
Не применяется почему-то стили к .social-block .В чем может быть проблема?Не понимаю. http://jsfiddle.net/VVQ2j/2/
0 votes2 answers -
Непонятное расстояние между слайдами в IE8
IE8 показывает какое-то непонятное расстояние между перым и последним слайдом. Можно подумать что там два пустых слайда. В IE9+ и других браузерах всё работает правильно. Что это и как привести в нормальный вид? http://tellmeof.cc.ua/Prechu/prechu.html
0 votes2 answers -
Применение классов к маркированным спискам
Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}
0 votes2 answers -
Помогите связать правила между собой
Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.
0 votes2 answers -
Favicon
Здравствуйте! Возник такой вопрос: сама favicon.ico у меня лежит в корне и отображается корректно, но иконка имеет разрешение 16х16, а я в некоторых программах, например 1Password для iOS и в Safari на iOS замечаю добавления иконок от сайта в разрешении определённо большем, чем 16х16. А с моего сайта эти программы вообще не подгружают иконку. Существуют ли другие иконки,которые подгружаются? Откуда-то они же берутся! Вот скрины экрана,там сравнения иконок: http://yadi.sk/d/YrBjoaprNj3n2 http://yadi.sk/d/Q-UZ1uxENj4EF Спасибо!
0 votes2 answers -
Закрывать ли тег img?
почему одни делают так <img> а другие так <img/>?
0 votes2 answers -
Заставить iOS нормально отображать страницу сразу по загрузке
Здравствуйте. Страница имеет body{width: 1500px} и <meta name="viewport" content="width=1500">. По моим представлениям того, как работает viewport, при загрузке страницы она должна быть видна во всю ширину. Реально же, похоже, так получается только если iPhone/iPad так сказать в landscape mode, повёрнутый набок. В вертикальном же положении имеет подобную картину: Я пробовал также экспериментировать с initial-scale и ещё с чем-то, но вот лучше этого, что есть, пока ничего не получилось. Есть ли идеи у кого-нибудь, как пофиксить это дело?
0 votes2 answers -
Сбился код! Удалила div, помогите восстановить!
Случайно удалила где-то div.. Помогите восстановить! Сбился именно BLOCK RIGHT, он не отображается на сайте <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> #%HEAD%# <link rel="stylesheet" href="/tpls/default/images/style.css" type="text/css" media="screen, projection" /> <!--<link rel="stylesheet" href="/js/jquery.pointpoint/jquery.pointpoint.css" />--> <!-- [if lte IE 6]><link rel="stylesheet" href="/tpls/default/images/style_ie.css" type="t…
0 votes2 answers -
Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?
http://savepic.net/5330707.htm Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?
0 votes2 answers -
Линия - рисунок с градиентом
Здравствуйте! Подскажите пожалуйста как сделать линию над меню http://prntscr.com/4n04y7 ,, но чтобы она подходила к адаптации сайта отображалась на планшетах и ПК. Нужно сделать через background или есть другие приёмы? Спасибо
0 votes2 answers -
Жесть
какая альтернатива в css ессь этому <meta name="viewport" content="width=device-width" /> чтобы сделать бооольшую страницу в мобильном браузере равной ширине экрана телефона. так как многие говорят это жесть.
0 votes2 answers -
Проблема с overflow: hidden
Есть карусель (использую jcarousel) которая всунута в блок с фиксированой шириной. Пример можно посмотреть здесь - http://sorgalla.com/jcarousel/examples/responsive/. Вместо li в каруселе использую div. У дивов что вращаются заданы ширина и высота. При ховере нужно реализовать так что б высота этого блока увеличивалась(например было height: 200px, при ховере height:400px) Проблема в том что в настройках для карусели нужно ставить overflow, и оно обрежит контент по высоте. Как сделать так что б оно не обрезало по высоте? Быстро набросал, что б было понятней http://jsfiddle.net/8e7P6/1/ Если навести на елемент, то высота остается такойже, а нужно что б увеличилась.
0 votes2 answers -
Помогите найти ошибку.
Добрый вечер! Есть проект http://test.tvshop-kz.com. Когда посетитель нажимает на "В корзину" появляется корзина, которая показывает количество товара и общую стоимость. Но есть два странных момента: 1.Не все товары можно добавить в корзину, при попытке добавить некоторые товары, вместо них добавляется какой-то другой. 2.Если в аттрибут id товара вставлять его id а не имя, то добавление вообще не работает. Подскажите куда копать. function incart(id,val){ var checkboxes = document.getElementsByTagName('input'); var sum=0; var carted = 0; var l = checkboxes.length; for (var i=0; i < l;i++) { var checkbox = checkboxes[i]; if (checkbox.type == 'checkbo…
0 votes2 answers -
Блок заказа поверх страницы
Добрый день! Можете подсказать, как ввести аналогичный алгоритм показа блока заказать звонок поверх страницы, также как указано на этом сайте? http://bloky.ru/ Когда нажимаем кнопку "Заказать обратный звонок", появляется форма заказа поверх страницы. Как можно написать такой java-код либо можно ли его позаимствовать с этого же сайта?
0 votes2 answers -
При наведении исчезает картинка
У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …
0 votes2 answers -
Как сделать такую полоску?
Посмотрите на этот макет: http://f-lite.ru/lfp/i023.radikal.ru/1405/c8/027ef6b4990d.jpg/htm там есть слово MEDIA и полоска идет. так вот, как ее можно осуществить?
0 votes2 answers -
В firefox 29.0 неправильно отображается border, где-то 1px, где-то 2px
Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> rand…
0 votes2 answers -
Отображение деталей шаблона, в зависимости от ширины экрана
Здравствуйте. Столкнулся с проблемой, когда при одном расширении экрана деталь, шириной (пусть 1000px) выглядит как-то так А при ширине экрана 1000px и менее, эта белая часть в ширину равной 100%.
0 votes2 answers -
Проблемы с меню
http://siliconvalleyhd.ru/ Собственно проблема с меню, у последнего элемента hover не полностью покрывает весь элемент. Помогите, как исправить?
0 votes2 answers -
Смена картинки при ховере в хроме
На ховер назначена другая картинка на input. При смене она моргает как будто идёт загрузка, только в хроме. Но у меня скрипт предзагрузки и во всех браузерах всё нормально. Я пробовал картинки тупо в вёрстку встраивать то есть они точно загружены, но при первом наведении идёт моргание, а потом нормально, в точности как если бы это была загрузка картинки. Раньше не припомню такой проблемы, хз мож обновился хром и чё то там изменилось.
0 votes2 answers -
Про приоритет.
Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <style type="text/css"> .one { color: red; /* красный текст */ } .one { color: green; /* зеленый текст */ } .two { color: red !important; /* красный текст с приоритетом */ } .two { color: green; /* зеленый текст */ } </style>
0 votes2 answers -
CSS3 filter
Почему не работает фильтр? http://jsfiddle.net/Q5S96/1/
0 votes2 answers -
Создание Latest News
Привет всем. Объясните пожалуйста, как сделать "latest news" строку под меню, что-то наподобие вот этого. http://www.mhthemes.com/demo/?theme=magazine там под меню главным есть такая строка.
0 votes2 answers -
Зафиксировать тень изображения с переменной высотой
Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения height убрал: css: .viewn_full .viewn_screen {overflow:hidden; width:387px; height:175px; margin:10px auto 10px auto; background:url(/design_104/viewn_screen.png) no-repeat center bottom;}.viewn_full .viewn_screen img {width:387px; height:149px; display:block; border-radius:16px;} Как сделать так, чтобы тень фиксировалась? Спасибо.
0 votes2 answers