HTML Coding

29542 questions in this forum

1. Меняется размер меню навигации в разных браузерах.

   Здравствуйте, решил установить себе на сайт вот это меню. Все прошло нормально, меню нормально отображается в 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…

   Asked by Fox88, April 25, 2014

   0 votes
   2 answers
2. Не применяются стили к div

   Не применяется почему-то стили к .social-block .В чем может быть проблема?Не понимаю. http://jsfiddle.net/VVQ2j/2/

   Asked by Temik2704, April 25, 2014

   0 votes
   2 answers
3. Непонятное расстояние между слайдами в IE8

   IE8 показывает какое-то непонятное расстояние между перым и последним слайдом. Можно подумать что там два пустых слайда. В IE9+ и других браузерах всё работает правильно. Что это и как привести в нормальный вид? http://tellmeof.cc.ua/Prechu/prechu.html

   Asked by Johnney, April 26, 2014

   0 votes
   2 answers
4. Применение классов к маркированным спискам

   Здравствуйте! Не получается применить классы или 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;}

   Asked by px379, April 30, 2014

   0 votes
   2 answers
5. Помогите связать правила между собой

   Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.

   Asked by McLotos, April 30, 2014

   0 votes
   2 answers
6. Favicon

   Здравствуйте! Возник такой вопрос: сама favicon.ico у меня лежит в корне и отображается корректно, но иконка имеет разрешение 16х16, а я в некоторых программах, например 1Password для iOS и в Safari на iOS замечаю добавления иконок от сайта в разрешении определённо большем, чем 16х16. А с моего сайта эти программы вообще не подгружают иконку. Существуют ли другие иконки,которые подгружаются? Откуда-то они же берутся! Вот скрины экрана,там сравнения иконок: http://yadi.sk/d/YrBjoaprNj3n2 http://yadi.sk/d/Q-UZ1uxENj4EF Спасибо!

   Asked by Torawhite, April 30, 2014

   0 votes
   2 answers
7. Закрывать ли тег img?

   почему одни делают так <img> а другие так <img/>?

   Asked by DivMan, April 30, 2014

   0 votes
   2 answers
8. Заставить iOS нормально отображать страницу сразу по загрузке

   Здравствуйте. Страница имеет body{width: 1500px} и <meta name="viewport" content="width=1500">. По моим представлениям того, как работает viewport, при загрузке страницы она должна быть видна во всю ширину. Реально же, похоже, так получается только если iPhone/iPad так сказать в landscape mode, повёрнутый набок. В вертикальном же положении имеет подобную картину: Я пробовал также экспериментировать с initial-scale и ещё с чем-то, но вот лучше этого, что есть, пока ничего не получилось. Есть ли идеи у кого-нибудь, как пофиксить это дело?

   Asked by adelante, May 1, 2014

   • ios
   • viewport
   0 votes
   2 answers
9. Сбился код! Удалила 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…

   Asked by marianna9201, May 8, 2014

   0 votes
   2 answers
10. Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?

    http://savepic.net/5330707.htm Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?

    Asked by Shenia132, May 2, 2014

    0 votes
    2 answers
11. Линия - рисунок с градиентом

    Здравствуйте! Подскажите пожалуйста как сделать линию над меню http://prntscr.com/4n04y7 ,, но чтобы она подходила к адаптации сайта отображалась на планшетах и ПК. Нужно сделать через background или есть другие приёмы? Спасибо

    Asked by lbondodesc, September 15, 2014

    • css
    0 votes
    2 answers
12. Жесть

    какая альтернатива в css ессь этому <meta name="viewport" content="width=device-width" /> чтобы сделать бооольшую страницу в мобильном браузере равной ширине экрана телефона. так как многие говорят это жесть.

    Asked by abcde, May 4, 2014

    0 votes
    2 answers
13. Проблема с overflow: hidden

    Есть карусель (использую jcarousel) которая всунута в блок с фиксированой шириной. Пример можно посмотреть здесь - http://sorgalla.com/jcarousel/examples/responsive/. Вместо li в каруселе использую div. У дивов что вращаются заданы ширина и высота. При ховере нужно реализовать так что б высота этого блока увеличивалась(например было height: 200px, при ховере height:400px) Проблема в том что в настройках для карусели нужно ставить overflow, и оно обрежит контент по высоте. Как сделать так что б оно не обрезало по высоте? Быстро набросал, что б было понятней http://jsfiddle.net/8e7P6/1/ Если навести на елемент, то высота остается такойже, а нужно что б увеличилась.

    Asked by Justtie, May 5, 2014

    0 votes
    2 answers
14. Помогите найти ошибку.

    Добрый вечер! Есть проект 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…

    Asked by McLotos, May 5, 2014

    0 votes
    2 answers
15. Блок заказа поверх страницы

    Добрый день! Можете подсказать, как ввести аналогичный алгоритм показа блока заказать звонок поверх страницы, также как указано на этом сайте? http://bloky.ru/ Когда нажимаем кнопку "Заказать обратный звонок", появляется форма заказа поверх страницы. Как можно написать такой java-код либо можно ли его позаимствовать с этого же сайта?

    Asked by marianna9201, May 8, 2014

    • html; страницы; заказ
    0 votes
    2 answers
16. При наведении исчезает картинка

    У меня есть форма 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);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …

    Asked by Daniil Khanin, May 8, 2014

    0 votes
    2 answers
17. Как сделать такую полоску?

    Посмотрите на этот макет: http://f-lite.ru/lfp/i023.radikal.ru/1405/c8/027ef6b4990d.jpg/htm там есть слово MEDIA и полоска идет. так вот, как ее можно осуществить?

    Asked by WEB-best, May 8, 2014

    0 votes
    2 answers
18. В 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…

    Asked by pashtetiprit, May 8, 2014

    • firefox
    • border
    0 votes
    2 answers
19. Отображение деталей шаблона, в зависимости от ширины экрана

    Здравствуйте. Столкнулся с проблемой, когда при одном расширении экрана деталь, шириной (пусть 1000px) выглядит как-то так А при ширине экрана 1000px и менее, эта белая часть в ширину равной 100%.

    Asked by lolik123, May 8, 2014

    0 votes
    2 answers
20. Проблемы с меню

    http://siliconvalleyhd.ru/ Собственно проблема с меню, у последнего элемента hover не полностью покрывает весь элемент. Помогите, как исправить?

    Asked by Roman700900, May 8, 2014

    0 votes
    2 answers
21. Смена картинки при ховере в хроме

    На ховер назначена другая картинка на input. При смене она моргает как будто идёт загрузка, только в хроме. Но у меня скрипт предзагрузки и во всех браузерах всё нормально. Я пробовал картинки тупо в вёрстку встраивать то есть они точно загружены, но при первом наведении идёт моргание, а потом нормально, в точности как если бы это была загрузка картинки. Раньше не припомню такой проблемы, хз мож обновился хром и чё то там изменилось.

    Asked by SoFuWa, May 9, 2014

    0 votes
    2 answers
22. Про приоритет.

    Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <style type="text/css"> .one { color: red; /* красный текст */ } .one { color: green; /* зеленый текст */ } .two { color: red !important; /* красный текст с приоритетом */ } .two { color: green; /* зеленый текст */ } </style>

    Asked by DivMan, May 9, 2014

    0 votes
    2 answers
23. CSS3 filter

    Почему не работает фильтр? http://jsfiddle.net/Q5S96/1/

    Asked by DivMan, May 10, 2014

    0 votes
    2 answers
24. Создание Latest News

    Привет всем. Объясните пожалуйста, как сделать "latest news" строку под меню, что-то наподобие вот этого. http://www.mhthemes.com/demo/?theme=magazine там под меню главным есть такая строка.

    Asked by soressu, May 11, 2014

    0 votes
    2 answers
25. Зафиксировать тень изображения с переменной высотой

    Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения 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;} Как сделать так, чтобы тень фиксировалась? Спасибо.

    Asked by Багдыч, May 10, 2014

    0 votes
    2 answers