HTML Coding

29,542 questions in this forum

1. Как сделать такое меню аккордеон?

   Как сделать такое меню аккордеон? http://savepic.ru/7305391.png Часть я сделала, осталось сделать вертикальную линию, как на рисунке, но не знаю как. Код: http://jsfiddle.net/24db4hgx/ Спасибо.

   Asked by Alfa2015, June 12, 2015

   0 votes
   2 answers
2. Информацыонные круги

   http://prntscr.com/7g25rs Нужно сделать вот такие круги, при наведение на такой всплывает тултип. Может есть уже где-то похожие наработки, или статья или готовый скрипт? Буду благодарен за любую подсказку. Извиняюсь за опечатку в теме.

   Asked by fireman691, June 12, 2015

   • круги
   • тултип
   • круг
   0 votes
   2 answers
3. Внешний вид кнопки поиска

   Здравствуйте! Возможно ли как-то изменить внешний вид кнопки поиска от Яндекса помимо тех настроек который предлагает сам Яндекс, а именно они таковы: И поиск на сайте выглядит таким образом: Хотелось бы что-то типа такого: Возможно ли это реализовать там я не знаю в виде картинки или ещё чего? Вот код поиска: <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'убрал адрес сайта','arrow':false,'bg':'transparent','fontsize':16,'fg':'#000000','language':'ru','logo':'rw','publicname':'убрал название поиска','suggest':false,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2224543,'webopt':false,'websearch':fal…

   Asked by subm41, June 20, 2015

   • html
   • css
   • js
   0 votes
   2 answers
4. полный список вендорных свойств

   htmlbook.ru: "...Свойство background-position-x является нестандартным и не входит в спецификацию css..." Как я поняла такие свойства называются вендорными. Подскажите пожалуйста, где можно посмотреть полный список таких нестандартных свойств для основных браузеров. Какие в настоящее время еще появились нестандартные свойства. На каких ресурсах это публикуется?

   Asked by Svetamur, June 24, 2015

   0 votes
   2 answers
5. Поворот экрана и вёрстка ломается!

   Сайт на горизонтальном экране ноутбука Lenovo выглядит нормально, при повороте экрана вертикально, вёрстка ломается. Причём на мобильных устройствах вертикальный просмотр нормальный... Можно ли удовлетворить и вертикальный вариант просмотра на ноутбуке?

   Asked by acherny, June 24, 2015

   • макет
   • резиновй сайт
   • ширина сайта
   0 votes
   2 answers
6. Возможно ли так сделать?

   Здравствуйте. Я не разбираюсь в программировании, работаю на шаблоннике wix.com Столкнулся с такой проблемой, сайт очень долго грузится и отсутствует Прелоадер. Получается что посетители сайта при первом посещении сайта вообще думают что сайт не грузится ( белый экран в течении 8-15 секунд ) Возможно ли создать страницу, поддомен, или другой сайт с Прелоадером, которая будет перенаправлять на сам сайт после его полной загрузки? Возможности вставить что либо в корень сайта на wix нету, поэтому нужны другие способы. Заранее большое спасибо всем кто отзовётся.

   Asked by wo_blin, June 25, 2015

   • загрузка сайта
   0 votes
   2 answers
7. можно ли сделать на чистом css

   http://joxi.ru/1A5pB4dh5EX32E вот такой блик белый?

   Asked by raptor-dm, June 26, 2015

   0 votes
   2 answers
8. не отображаются цифры на айфоне!

   Всем привет! Пожалуйста, помогите! Вот сайт: revo-test.tk/leng , на пятом айфоне в браузере safari в блоке "контакты" почему-то не отображаются абзацы с цифрами, слова отображаются без проблем! На всех десктопных браузерах, на андроиде, даже в хроме на айфоне - всё пучком... Уже голову сломал, может, посоветуете что? Заранее спасибо!

   Asked by mg15, June 30, 2015

   • safari
   0 votes
   2 answers
9. Ширина абсолютного блока зависящая от контента

   Дорбого дня уважаемые коллеги. Столкнулся с очень интересным вопросом. Есть врапер - с pos: relative, внутри него список (pos: absolute) и в LI находится еще один выпадающий список (pos: absolute). Он находится ровно справа левого блока. За врапером. Внутри него также есть LI с контентом. У него задана min-width и height. Демонстрация: https://jsfiddle.net/ox7cvj32/1/ Хочу, чтобы при достижении такого количества контента, которое превышает высоту данного списка, его ширина увеличивалась и контент просто шел другой колонкой. Есть вариант сделать: column-count и его производными, но нужно сразу указать количество столбцов. Мне же нужно, чтобы было динамически…

   Asked by Velidan, July 2, 2015

   • ширина
   0 votes
   2 answers
10. Проблемные моменты в вёрстке (треугольники)

    Учусь верстать сайты, верстаю етот макет http://freepsd.ws/besplatnyj-psd-shablon-mihstore/ есть 3 проблемных места. В бордере здесь есть треугольник, в принципе мог бы его добавить через фото и центрировать через position но при изменениях на сайте он наверняка слетит, есть какие то другие решения?Или он не должен слетать. В белом бордере есть вырез, как реализовать? Опять вырез.

    Asked by аркей, July 2, 2015

    • вёрстка рамки
    0 votes
    2 answers
11. Проблема с версткой

    Добрый день. Столкнулся с проблемой верстки. Есть веб-форма (по сути диалоговое окно) следующего содержания - Заголовок - фиксирован по высоте и расположен сверху формы - Футтер - фиксирован по высоте и расположен снизу формы - Область дополнительных данных - располагается над футтером размер не фиксированный - при появлении нового элемента должна увеличиваться высота (полоса прокрутки не должна появляться). - Основной контент - внутри количество содержимого не определено заранее (динамически наполняется). Занимает оставшуюся площадь между заголовком и областью дополнительных даных. Должна появляться полоса прокрутки Как это выглядет графически - можно посмотреть …

    Asked by Amelin.Lev, July 4, 2015

    0 votes
    2 answers
12. Найти подходящий элемент

    В общем хочу сделать вот такую штуку , но даже не знаю как подступиться .Подскажите пожалуйста.

    Asked by dr48, July 5, 2015

    0 votes
    2 answers
13. submit с триугольником справа

    Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки? a::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.

    Asked by PavelTkachev, July 6, 2015

    0 votes
    2 answers
14. Access-Control-Allow-Origin

    Подскажите пожалуйста, почему срабатывает следующее ограниечение, когда я загружаю фонт из "своего локального хоста" http://site-content-protection.com'has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://site.ru' is therefore not allowed access." @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://site-content-protection.com/fonts/font1.ttf) format('truetype'); // src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZp-63r6doWhTEbsfBIRJ7A.ttf) format…

    Asked by romanag, July 6, 2015

    • Access-Control-Allow-Origin
    0 votes
    2 answers
15. Обтекание текстом картинки

    Здравствуйте Div с выделенным материалом прилипает, а точнее даже "залазит" под картинку. Проблема возникает тогда, когда div с выделенным материалом находится не под картинкой, а справа от неё. Пример HTML: <h1>Заголовок</h1><img src="image.gif" width="490" height="305" align="left" hspace="10"><p>Информация является мощным активом для международного бизнеса. Регуляторы, клиенты и сотрудники компаний уделяют все больше внимания процессу обработки данных. Управление рисками, связанными с утечкой, потерей и кражей данных, это не только вопрос соблюдения требований законодательства, а и вопрос репутации компании и стоимости ее бренда.</p> <…

    Asked by Kapust, July 6, 2015

    0 votes
    2 answers
16. оценка работы

    хотел поинтересоваться,когда я сверстаю сайт для учёбы,куда и как мне его выложить,чтобы люди тут его оценили.Заранее спасибо)

    Asked by Andrue-Selen, July 7, 2015

    0 votes
    2 answers
17. Правильно ли оставлять пустые колонки в бутрап?

    Здравствуйте. не так давно работаю с бутстрап. Возник вопрос : Вот например есть страница на которой есть картинка (шириной в 3 колонки бутстрап) и больше ничего . Допускается ли делать так, то есть прописывать пустые колонки ? <div class="container"> <div class="row"> <div class="col-md-3"> <img src="image.png" > </div> <div class="col-md-9"></div> </div></div>или правильней делать шириной 12 колонок и с помощью своих стилей позиционировать внутри этого широкого блока?

    Asked by ishurgaya, July 9, 2015

    0 votes
    2 answers
18. zen coding

    использую zen coding,но есть одна проблема,закидываю его в плагин,перезагружаю notpadd++ и он работает.Но когда я выхожу из notpad++ zen coding потом опять не работает и приходится всё делать сначала.Подскажите в чём проблема P.S.какой текстовый редактор посоветуете?

    Asked by Andrue-Selen, July 11, 2015

    0 votes
    2 answers
19. Вёрстка фильтра

    Здравствуйте. Тут чаще всего читают. Посетите тему - http://htmlforum.ru/index.php?showtopic=53375#entry357546 Предлагаю небольшую работу, за деньги конечно же.

    Asked by kattiperk, July 10, 2015

    0 votes
    2 answers
20. шрифты

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

    Asked by Andrue-Selen, July 11, 2015

    0 votes
    2 answers
21. Модальное окно

    Добрый день. Возник такой вот вопрос. На многих сайтах замечаю так называемые "модальные окна". Стало любопытно, как они верстаются (без скриптов). Так как я всего месяца три изучаю HTML и CSS, теории в голове не так много. Но поразмыслив немного + порывшись в интернете нашел пару способов. Немного адаптировал их под себя. Но все равно итогового результата не могу добиться. Не понимаю, что не так. Надеюсь на вашу помощь. Если объяснить проблему на словах, то, при нажатии на кнопку, должно (по идее) появляться модальное окно. Так оно и было, пока я не добавил фон-затемнение. После этой "процедуры" при нажатии на кнопку появляется только фон. Ссылку прилагаю: http://co…

    Asked by BehemothOz, July 11, 2015

    0 votes
    2 answers
22. Резиновая верстка + адаптив от 1000 пикс до 1920

    Можете подсказать пожалуйста? Есть такое условие "Резиновая верстка + адаптив от 1000 пикс до 1920" сам макет шириной 1230px. Как написать стиль css что бы подходило под данное условие? Какие задать min-width: max-width: или просто width?

    Asked by freeman0204, July 12, 2015

    0 votes
    2 answers
23. ie 11 некорректно работает с flex ?

    Разбирался с flex, переделал тестовый макет на flex и столкнулся с проблемой что ie 11 не отрабатывает flex-wrap: wrap если в родителях элемента есть flex элементы ... в остальных браузерах всё ок. http://codepen.io/sharov/pen/doeLZy/ не отрабатывает .phones { flex-wrap: wrap;}

    Asked by WarrenBuffett, July 12, 2015

    • html css ie11 flex
    0 votes
    2 answers
24. У after отступ после блока с картинкой

    Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)

    Asked by LexusKubas, July 12, 2015

    0 votes
    2 answers
25. Адаптивное изображение не растягивается на 100%

    Адаптивное изображение не растягивается на всю ширину блока-родителя. Как это исправить? http://codepen.io/anon/pen/MwXKer

    Asked by yaparoff, July 13, 2015

    • адаптивная верстка
    0 votes
    2 answers