Ответы пользователя по тегу CSS
  • Как сделать не исчезающий placeholder (postfix в инпуте)?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    мне ничего в голову не приходит, как на js
    на onkeyup или onkeydown (или onchange) повесить проверку содержимого и если нет нужного окончания, добавлять его а все символы отличные от чисел и разделителя разрядов удалять.
    не уверен, что пользователю будет удобно с такими манипуляциями если вешать на onkeyup или onkeydown.
    Ответ написан
    Комментировать
  • Как добавить кнопку к input?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    <input type="submit" value="search">
    Ответ написан
  • Как сделать открытие файла pdf в отдельной вкладке браузера с вызовом сразу метода печати?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    1. По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега a. Этот атрибут может принимать следующие значения:
    _blank — загружает страницу в новое окно браузера;
    <p><a href="http://www.htmlbook.ru" target="_blank">Ссылка открывает новое 
         окно на сайт htmlbook.ru</a></p>

    кн ПЕЧАТЬ нужно ручками нажимать

    2. При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.
    Синтаксис <a download>Ссылка</a>
    Ответ написан
  • Как сверстать фон страницы для всех браузеров?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    нашел такой пример, попробуйте

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Растягиваем фоновую картинку в размер окна.
    Кроссбраузерный background-size (100% auto)</title>
    <style type="text/css">
    html { min-height:100%; }
    body { padding:0; margin:0; border:0; min-height:100%;
    font:14px/1.5em Arial, Helvetica, sans-serif; color: #FFFFFF; text-shadow:1px 1px 0 #000000;
    background: #06040C url('images/hs-2007-30-d-web.jpg') top left  fixed no-repeat;
    -o-background-size: 100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -khtml-background-size:100%;
    background-size: 100%;
    }
    </style>
    <!--[if lt IE 9]>
    <style type="text/css">
    #container { position: relative; z-index:1; }
    #iefix { width: 100%; position:fixed; top:0; bottom: 0; left:0; right:0;
    height: expression(
    document.getElementsByTagName('body')[0].offsetWidth/400*202 +  'px');
    /* 400 - ширина фоновой картинки в пикселях, 202 - её высота */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/hs-2007-30-d-web.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/hs-2007-30-d-web.jpg', sizingMethod='scale');
    }
    </style>
    <![endif]-->
    <!--[if lt IE 7]>
    <style type="text/css">
    body, html { zoom: 1; }
    #iefix { position:absolute; z-index:1;
    top: expression(eval(document.documentElement.scrollTop) + 'px' );
    }
    </style>
    <![endif]-->
    </head>
    <body>
    <!--[if lt IE 9]><div id="iefix"></div><![endif]-->
    <div id="container">
    Тест
    </div>
    </body>
    </html>
    Ответ написан
    5 комментариев
  • Как пользоваться base64?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    <img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7">
    Ответ написан
    Комментировать
  • Не выводит варианты товара в карточке товара,как правильно сделать?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    На сайте вижу что есть вариативный товар.

    Дополнительная информация
    Материал
    Амари, Сиена, Пекан, Эш Вайт, Натвуд Натинга

    Картинки добавляйте в jpg/png и имена файлов без пробелов, спецсимволов и на латинице.
    Ответ написан
  • Как побороть функцию в JavaScript?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    попробуйте в функцию передать два аргумента (селекторы блоков) и определять разные picture и им менять картинки из соответствующих массивов.
    попробую угадать, у вас картинки с папки pic/2/

    function abc(c, d) {
        var picture = document.getElementById(c);
        var picture2 = document.getElementById(d);
        var picArr = [["pic/1/1.jpg", "pic/1/2.jpg", "pic/1/3.jpg"], ["pic/2/1.jpg", "pic/2/2.jpg", "pic/2/3.jpg"]];
        var picIndex = 0;
        function super1(a, b) {
            function changePic() {
                a.setAttribute("src", b[picIndex]);   
                picIndex++;  
                if (picIndex >= b.length) {
                    picIndex = 0;
                }
            }
            var pupu = setInterval(changePic, 2000);
            }
        super1(picture, picArr[0]);
        super1(picture2, picArr[1]);
    }
    abc("block1","block2");
    Ответ написан
  • Какое добавлеие CSS-стилей к HTML-странице с помощью JavaScript правильное?

    @4604590
    JavaScript, HTML/CSS, PHP,MySQL, SuiteCRM/SugarCRM
    В том что Вы написали я не вижу принципиальной разницы, кроме того, куда подключать эти самые стили. Я бы рекомендовал в head.
    например так.
    var sheet = document.createElement('style')
    sheet.innerHTML = "body{background:green;}";
    document.head.appendChild(sheet);
    Ответ написан