HTML Coding

29542 questions in this forum

1. Наложение background на img

   Как сделать наложение backgroun поверх картинки? В последствии через javascript реализую его исчезновение. http://jsfiddle.net/32zrhdfe/

   Asked by perec200, May 23, 2015

   • css
   • html
   • img
   • background
   0 votes
   1 answer
2. Отцентрировать согласно неизвестной высоте

   Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}

   Asked by kattiperk, November 17, 2015

   • js
   • height
   0 votes
   13 answers
3. Центрирование блоков в контейнере

   Здравствуйте. Есть блоки шириной 328px и контейнер шириной 1200px. Блоков в контейнере может быть от 1 до 3 ,они расположены горизонтально, но сейчас они прижимаются к левой стороне. Как сделать чтобы блоки центрировались в контейнере? https://jsfiddle.net/v64sxn2b/

   Asked by ishurgaya, February 25, 2016

   0 votes
   3 answers
4. Кто такие авторы/разработчики css ?

   Начал читать Css snapshot (https://www.w3.org/TR/CSS/#css) и наткнулся на: Разработчики CSS и Авторы CSS. Кто, кто ? Объясните пожалуйста. Разработчики - это раб. группа css, а авторы - мы, или наоборот ?

   Asked by Димитрий, November 3, 2017

   • css спецификация
   0 votes
   4 answers
5. Градиент текста CSS

   Есть ли сейчас кроссбраузерный способ реализации градиента текста средствами CSS ? Нашел такой вариант, но он не кроссбраузерный... Не работает в IE и Opera mini... Используете данный способ или вставляете картинкой подобный текст? linear-gradient(to right, #00e0d0, #4aa3cc), linear-gradient(#ffffff, #ffffff) -webkit-background-clip: text; -webkit-text-fill-color: transparent;

   Asked by SnowSilver, June 4, 2018

   • градиент текст
   • градиент текста css
   0 votes
   1 answer
6. Срочно помогите

   нужно сделать вырез как на картинке, ничего не могу придумать, помогите плз https://codepen.io/ingvarrrrr/pen/qzyPpP

   Asked by ingvarrrr, July 4, 2019

   0 votes
   2 answers
7. вопрос по раздвижному каталогу

   Здравствуйте! возможно, у кото-то найдется время помочь начинающему... ??? есть простой код: он взят из этого же форума) <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> <ul> <li> <a href="01.php" onclick="toggle_show('mm')">Название 1</a> <ul id="mm" style="display: none"> <li><a href="11.php" подраздел 11</a></li> <li><a href="12.php" подраздел 12</a></li> <li><a href="13.php" подраздел 1…

   Asked by voprospokodu, September 5, 2009

   0 votes
   5 answers
8. Как расположить 4 картинки вряд, с центрованием..

   Здравствуйте! Никак не могу победить одну проблему.. есть блок, в котором размещены 4 блока, включающие в себя: 1) картинку, 2) текс под ней. Мне хочется, чтобы картинки в этих блоках выравнивались по центру. Для 4х блоков, включающих в себя картинки и текст установлена ширина 25%. Сам большой блок, который включает эти 4 блока имеет ширину 100%. Вот как это выглядит: Мне бы хотелось выровнять картинки внутри вышеописанных 4х блоков по центру. А то получается что у меня они все слева. Вот CSS: .lineimg { ~position: relative; width: 100%; margin: 5px 0px 0px 0px; padding: 0px; float: none; } .lineimg .lineimg_block { position: relative; padding: 0; float: left; width: 25…

   Asked by gard, June 28, 2010

   0 votes
   2 answers
9. Не могу изменить рамзер шрифта в списке

   Шрифт всех ссылок задан в идентификаторе qqq. Хочу сделать подсписок меньшим шрифтом, но не один из трех способов не работает, хотя паддинг работает. <div id="qqq"> <ul> <li><a href="/home" </a>Текст</li> <ul class="inner"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> </ul> <li><a href="/home" </a>Текст</li> </ul> </div> .inner { padding-left:15px; font-size:5px; } .inner ul li a{ font-size:5px; } .inner а{ font-size:5…

   Asked by kpripper, November 4, 2011

   0 votes
   10 answers
10. На счет создания шаблонов

    Приветствую! У меня вопрос такой возник: Как вы создаете свой шаблон на джумлу? Я имею ввиду что вот допустим заказчик дал вам дизайн, и вы должны сделать сайт по этому дизайну. Какие ваши действия? Начинаете полностью верстать свой шаблон с нуля, или есть какие-то болванки может, загатовки? И вообще, нужно ли самому делать шаблон?

    Asked by Imperil, May 2, 2012

    0 votes
    7 answers
11. резиновая высота меню

    Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…

    Asked by EvilDoom, April 4, 2013

    0 votes
    8 answers
12. Отделить версии ie

    Добрый день. На сайте транслируется поток с веб камеры в формате mjpeg. Для браузеров ie исользуется cаmbozola, для других браузеров транслируется просто через тег <img src='адрес потока'>. Раньше это было в таком виде: <![if !IE]> <img src="адрес потока" /><br> <![endif]> <!--[if IE]> <applet code="com.charliemouse.cambozola.Viewer" archive="cambozola.jar"> <param name="url" value="адрес потока"/> </applet> <![endif]--> Но для ie 10 это не работает. Подскажите как отделить браузеры ie включая 10 версию от других.

    Asked by vicyn, May 28, 2013

    • ie
    • mjpeg
    0 votes
    6 answers
13. Элемент с абсолютным позиционированием блокирует ссылку

    Здравствуйте. Создаю новый топик,так как старый изначально создался пустым и щас его никто не замечает. У меня возникла проблема после переверстки шапки на сайте http://newzveriki.ucoz.com/ . Зеленая картинка-ссылка "зверики.com" перестала работать,но если убрать у #headCenter абсолютное позиционирование,все приходит в норму.Как вообще может чему-то мешать элемент,которого нет в потоке,и как это исправить?

    Asked by mcdude, October 11, 2013

    0 votes
    2 answers
14. Как сверстать такую штуку?

    Доброго времени суток, уважаемые форумчане! Есть такая штука: Как ее грамотно сверстать? Я так понимаю нужно делать через эмуляцию таблицы и ячеек, но как сделать это смещение двух колонок в центре? Может быть есть какой-нибудь похожий пример, где можно посмотреть? Спасибо!

    Asked by web-monster, July 30, 2014

    • html
    • css
    0 votes
    3 answers
15. Табы Bootstrap: изменяется шрифт на мобильных устройствах

    Добрый день! Есть табы, сделанные при помощи Bootstrap. Для текста внутри них задан фиксированный размер шрифта в пикселях. Верстка фиксированная, задан <meta name="viewport" content="width=1260">. На обычных экранах все отображается корректно. На мобильных устройствах шрифт увеличивается, при этом никаких свойств в style не появляется, он просто становится больше. Консоль Хрома это подтверждает, но при этом сообщает что активно ранее заданное значение фиксированной ширины. Подскажите, пожалуйста, можно ли это побороть? Каким образом Бутстрап меняет размер шрифта? Скриншот c мобильного устройства - https://yadi.sk/d/ZKo-UlQUh3KHB Ссылка - http://goo.gl/Bm1…

    Asked by yustnip, June 2, 2015

    0 votes
    7 answers
16. Закругления проблема

    Есть плашка которая по длине растягивается от размера заголовка. Возможно это проблема position:absolute; как можно по другому ее реализлвать. Спасибо Проблема В IE 6 не работает.

    Asked by leros, March 23, 2008

    0 votes
    1 answer
17. Разместить 3 колоки div-ами по горизонтали

    Помогите пожалуйста полному чайнику :-). Нужно выровнять три слоя одинаковой высоты по горизонтали. Два крайних фиксированной ширины, средний - резиновый размер. Подскажите, пожалуйста, как лучше это сделать?

    Asked by Lykreziya, May 8, 2008

    0 votes
    2 answers
18. Столкнулся с явлением пропадающих блоков в Опере

    Пропадают блоки в Опере, подскажите что это может быть? img { border:none; behavior: url("/styles/css/iepng.htc"); } .items { background:url(/images/bg.jpg) repeat-y; background-position:top center; /*min-width:1006px;*/ min-height: 380px; font-family:verdana; margin-right: 100px; width: 825px; } .items ul { list-style:none; zoom:1; } .items span { display: block; font-weight: bolder; } .wsubc { width: 180px; } .items ul li { float:left; width:236px; height:247px; background:url(/images/item_bg.png) no-repeat; margin:4px 4px; text-align:center; font-size:12px; zoom:1; } * html .items ul li { background:none; filter:progid:DXImageTransform.Microso…

    Asked by Ялекс, October 24, 2008

    0 votes
    1 answer
19. Нумерованные списки: нужно больше возможностей

    Нужны списки с таким оформлением: 1) 2) 3) 4) ... Нужны списки с такой нумерацией: 1. 1.1 1.2 1.3 2. 2.1 2.2 2.3 2.4 3. 3.1 3.2 Что известно на тему реализации подобного? Без яваскрипта не обойтись? В хтмл такого вроде не предусмотрено.

    Asked by aruru, September 7, 2009

    0 votes
    3 answers
20. Реализация фиксированного меню (нужна помощь)

    Здравствуйте! Есть пример работы сайта. Навигация по сайту горизонтальная. Справа есть меню, которое постоянно находится в одном месте (фиксировано), но как составляющее этого меню там есть четыре ссылки на разделы и иконки им соответствующие. При горизонтальной прокрутке — всё работает нормально, но как только мы прокручиваем сайт вертикально, меню и иконки естественно прокручиваются вместе со всем содержимым, что не должно быть по задумке. Вопрос: можно ли как-то реализовать для меню и четырех иконок состояние Fixed по-вертикале, и в тоже время состояние Absolute по-горизонтале. Или возможно этот можно реализовать как-то по другому? А то уже голову сломал над воп…

    Asked by aqlp, March 27, 2010

    0 votes
    4 answers
21. Проблема с позицией бэкграунда

    Собственно бэкграунд профиля состоит из 3 частей: верхней, нижней и повторяющейся средней частью, эта часть повторяется по всей ширине и вылазит за пределы верхней и нижней. Скрин Можно ли как то ограничить повторение по высоте?

    Asked by alta1r, August 21, 2010

    0 votes
    7 answers
22. не большой вопрос о таблиц

    Добрый день Делаю шаблон для cms, нужно сделать таблицу с тремя столбами, как на картинке: возможно сделать? помогите

    Asked by nuker1, December 2, 2010

    0 votes
    10 answers
23. Правда ли что box-shadow грузит проц?

    Слышал, что некоторые css свойства грузят проц, и что иногда лучше даже использовать графические файлы вместо css? Если это правда, то какими css-свойствами не стоит злоупотреблять, а лучше заменить их нарезкой графических файлов? Мне очень понравилось использовать css градиенты, как бэкграунды для блоков, вместо repeat-x, но из за этого боюсь снизить скорость загрузки страниц.

    Asked by Jhozeph, May 27, 2012

    0 votes
    3 answers
24. php+mysql vs js(jq)

    Писал себе сайтик небольшой, для собственных нужд, скриптики различные и тд. Так вот, пользовался php+mysql. Не знаю почему, ну наверное потому что именно php был первым веб языком который мне встретился. Выбирать я не стал и остался с этим вот чудом. И как-то написал скрипт(парсер), так вот на php+mysql чтоб спарсить нужную мне инфу, мне пришлось прибегать к регулярным выражениям, и прочим веселым вещам, ну да я смирился. Но на днях на форуме случайно встретил скрипт, почти такой же по функционалу как мой, но он написан на jquery без всяких php+mysql(как это делал я). Так вот допустим в jq спарсить нужную мне инфу, можно было всего 1 строчкой например: $('div#profile') -…

    Asked by Я за!, August 4, 2012

    0 votes
    15 answers
25. задание для универа

    задание для универа всем привет, делаю задание для универа, https://www.dropbox.com/s/xfiz58mguk24i7n/java2.zip как сделать так чтобы после нажатия другой кнопки он убирал старые сообщения? а то кишмиш получается. может посоветуете еще как можно улучшить или так сойдет, задание таково: You will need to demonstrate that you have an understanding of the following programming concepts: • Variables • Loops • Statements • Functions • Built-in Objects • Arrays • Strings • Event Handlers • Concatenation • Operands делали с другом как могли! это очень важное и сложное задание для меня ценю любую помощь! спасибо. p.s. слово на спасение от лупа enough

    Asked by artem32, January 6, 2013

    0 votes
    4 answers