HTML Coding

29542 questions in this forum

1. Подскажите (фоновый SVG через base64 и ресайз)

   http://codepen.io/anon/pen/Nqadoo В примере обе иконки – это SVG data-uri. Первая иконка ведет себя так, как если бы ей было заданы следующие свойства: background-repeat: no-repeat; background-size: contain; background-position: bottom; Вторая ведет себя так, как и должна, т. е. обрезается, если размер не влезает. Подскажите, в чем здесь дело?

   Asked by Igor Schnaider, June 19, 2015

   • SVG
   • base64
   • background-size
   0 votes
   1 answer
2. Выравнивание

   Приветствую, хочу сделать так, чтобы иконки соц. сетей располагались ровно под логотипом "Skype", но ничего не выходит http://jsfiddle.net/4nnbou8s/

   Asked by Vans, June 25, 2015

   0 votes
   1 answer
3. Запустить счетчик после клика

   День добрый. Вот пример http://codepen.io/npofopr/pen/vNBabW animateNumber "запускает" счетчик по загрузке страницы. А как сделать так, чтобы счетчик запускался по клику на ссылке, но если ссылка уже active, то счетчик бы сразу запускался. Пробовал вот так и много ещё как (что получалось нагуглить): if ($('.tabs__content').hasClass('active')){ $('#lines1').animateNumber({ number: 69 });};$('lines2-btn').on("click","#lines2-btn:not(.acitve):not(.disabled)", function() { $('#lines2').animateNumber({ number: 69 });});$('#lines2-btn').click(function(){ $('#lines2').animateNumber({ number: 69 });});Но не срабатывает. Просто по клику срабатывает, но не полу…

   Asked by npofopr, August 28, 2015

   0 votes
   2 answers
4. Задержка трансформации

   Как заставить элемент удалиться только после 2-х секунд наведении вышкой? transition:display 2s 2s; :first-of-type:hover{ display: none; }

   Asked by aqua.77, January 9, 2017

   0 votes
   5 answers
5. Рендеринг в опере

   В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?

   Asked by S ... (delete), September 25, 2007

   0 votes
   0 answers
6. ? о шаблонизаторе

   В "Народе.ру" сайтостроителям поставляется ряд шаблонизаторов, например, {MESSAGES}, где записаны сообщения. ? - Можно ли что-то узнать о шаблонизаторе (например, количество сообщений - ч.н. вроде {MESSAGES}.size); или возможна только "прямая" вставка в HTML-код?

   Asked by yak2689, November 14, 2008

   0 votes
   2 answers
7. Изменение размеров фона вместе с таблицей?

   Хочу устоновить картинку на фон в ячайки таблицы, и что бы при изменение окна браузера вместе с жиманием таблицы сжимался и фоновый рисунок.

   Asked by SHIMA91, April 7, 2009

   0 votes
   3 answers
8. шапка сайта и фоновый рисунок

   а возможно ли сделать, чтоб высоту шапки сайта не задавать фиксированной, но при этом фоновый рисунок отображался весь?

   Asked by sc@r@bey, April 9, 2009

   0 votes
   1 answer
9. Скрипт modal window. проблема!

   Ребят опять запутался, нинаю че делать. даже не знаю в какой раздел кидать, думаю здесь тоже все разрешится. постораюсь все побробно описать. Значит так, хочу сделать ссылку, при нажатии на которой открывается окошко (но не браузерное), типа на полупрозрачном фоне появляется окошко ( modal window). смысл скрипта такой: имеется отдельный css, яваскрипт, и еще один гугловкий скрипт. текст наделяется спец классом который связывается с явойскриптом и вызывает его. а сам контект которое открывается в окошке находится в том же документе (его не видно так как display:none). очень хочу поместить этот контент в отдельный документ и ссылаться на него (не хочу куча хлама кода на каж…

   Asked by termoplus, May 27, 2009

   0 votes
   4 answers
10. Три плавающих элемента.

    Есть три элемента, внутри header: <div id="header"> <img src="..." id="t1" /> <img src="..." id="t2" /> <div id="t3"> ... </div> </div> #header {width:100%; height:100px;} #header #t1 {display:inline-block; width:80px; height:80px;} #header #t2 {display:inline-block; width:230px; height:80px;} #header #t3 {display:inline-block;} Как расположить их так, чтобы t1 был прижат к левому краю, t2 по середине, а t3 прижат к правому краю?

    Asked by Atilla, September 19, 2009

    0 votes
    1 answer
11. Медленный gif

    Рисую разные гиф. Если в gif'e есть кадры с задержкой менее 0,1 сек. то браузеры искусственно увеличивают задержку до 0,1 сек. При этом сам редактор gif отображает анимацию с нужной скоростью (photoshop, GIF Movie Gear). Конкретно эта анимация нормально отображается в firefox. IE и chrome отображают медленно. Как с этим бороться? Постую следующим кодом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </he…

    Asked by vov32, December 5, 2009

    0 votes
    0 answers
12. Вопрос по верстке

    Собственно необходимо сверстать то, что изображено на рисунке. Я сам сделал так : <ol> <li><a href="#">Иванов</a><span>123</span></li> <li><a href="#">Петров</a><span>56</span></li> <li><a href="#">Сидоров</a><span>67</span></li> </ol> Загвоздка в том, как сделать так чтобы в inline элементе li фамилии выравнивались по левому краю, а рейтинг по правому. чуствую, что тут необходимо перейти к блочному представлению (display: block) Подскажите плз. http://www.zshare.net/image/71415107aaff911e/

    Asked by wuwie, January 19, 2010

    0 votes
    5 answers
13. список блоков в строку с динамичной шириной ячейки

    div#container{width:700px} div#container .el{float:left} <div id="container"> <div class="el">value</div> <div class="el">value</div> <div class="el">value</div> </div> Есть div#container с width="700" Хочется внутри этого div#container разместить в строку несколько других блоков div.el. Ширина этих блоков должна динамически расчитываться, таким образом чтобы все div.el по сумме ширины занимали все место в родительском div#container. Количество блоков заранее не известно, поэтому прописать ширину для блоков статично нельзя. использование div или p или ul/li не принципиально.

    Asked by amt779, March 30, 2010

    0 votes
    2 answers
14. Проблема с наслаивающейся вёрсткой div'a

    Схематичное изображение проблемы: изначальное состояние сайта: Далее я хочу вставить ещё один div поверх предыдущих( относительно diva в котором лежат div1 и div2 - чтобы в случае разных разрешений и боковых отступов мой div3 всегда был на одном месте) вот так: Код css для моего "div3": div#phone { position: relative; top: 307px; left: 796px; z-index: 4; height: 48px; width: 204px; background: url("images/phones1.jpg"); } в итоге получается вот такая фигня: Помогите плз как исправить проблему или как по другому засунуть рисунок не изменяя положения остальных элементов.

    Asked by radon, October 5, 2010

    0 votes
    8 answers
15. Div растягивает окно браузера

    Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…

    Asked by danie, January 18, 2011

    0 votes
    5 answers
16. избыточность селекторов

    скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)

    Asked by cyklop77, June 2, 2012

    0 votes
    6 answers
17. Проблема с шрифтом в меню

    Вот тестовый http://test.created-phoenix.ru/ Шрифт в меню изменяет ширину в зависимости от маштаба, т.е если уменьшить маштаб, то послений пункт почему то уходит на 2 строку. Понятно что где то косяк, но вот найти самостоятельно не могу.

    Asked by PhoenixX, June 19, 2013

    0 votes
    5 answers
18. Движек интернет магазина. Подскажите

    Посоветуйте движек инет магазина без замарочек. Уель- продажа стройматериала.. Можно плиз без холивара?

    Asked by romoga, February 3, 2014

    • Магазин
    • движек
    • опрос
    0 votes
    6 answers
19. URL с внутренних на главную

    Доброго времени суток. У меня сайт на html, все ссылки на главную идут вот так <a href="index.html">Главная</a>, на других сайтах встречаю в коде вот так <a href="/">Главная</a>, как правельно ?

    Asked by Aleksandr_I, August 13, 2014

    0 votes
    6 answers
20. Зачем в бутстрапе для navbar есть Static top?

    Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;

    Asked by borus, May 13, 2015

    0 votes
    2 answers
21. Перестала выводится менюшка последних 10 статей

    Версия MODX Revolution. На сайте новые статьи выводились в отдельную ленту в разделе «Статьи» - http://glebov.com.ua/stati.html. Последние десять статей выводились на главную страницу в нижней части сайта http://glebov.com.ua/. Где-то после 10 августа статьи перестали выводится на главную, а в раздел «Статьи» выводятся. При этом шаблоны статей в админке меняются и сохраняются, но на сайт изменения не подтягиваются. Кто-то может помочь и подсказать, что делать? Ну или вообще, что это может быть? Заранее спасибо.

    Asked by Legally blond, August 31, 2015

    • MODx
    0 votes
    2 answers
22. Бордер в цвет градиента

    Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.

    Asked by Dimpin, December 14, 2018

    0 votes
    4 answers
23. Форматикорование шрифта тег <font>

    У меня проблемка и не знаю как ее решить... Задаю, например, или ... Броузер может показать все нормально... То-есть правильно... Но иногда размер шрифта увеливается... Как бы сам по себе, не слушуя html, например задаю второй, а он иногда отображается как четвертый или что-то в этом роде... Раньше у меня такого не было и как решить не знаю, помогите, плизззз....

    Asked by sasyk, January 24, 2008

    0 votes
    3 answers
24. DIV background в IE6 не отображается

    Такой элемент: <div class="message">Неправильное имя пользователя (логин) или пароль. Попробуйте ещё раз.</div> Такой CSS: .message { padding: 5px; background: #990000; color: #FFFFFF; font-size: 11px; font-weight: bold; display:block; } Почему-то в IE6 заливки не видно. В чем может быть дело? Разобрался. Добавил: position:relative; height:auto;

    Asked by d0ublezer0, February 9, 2009

    0 votes
    1 answer
25. Размеры элементов формы

    Hi All! Тема наверно уже не раз подымалась, но ответа я найти не смог. Проблема вот в чем: есть форма, содержащая 3 элемента (select, input, button). Задаю высоту для всех 3 элементов равную 20px. Кнопка и текстовое поле по высоте равны, а вот селект чуть-чуть выше. При чем в опере, файерфоксе и гуглохроме они одинаковые, а вот ИЕ6 как обычно капризничает. Можно это, как-то забороть не прибегая к экстраординарным мерам? Вариант с JS'ным селектом как раз из таких экстраординарных))

    Asked by UNIX, February 13, 2009

    0 votes
    3 answers