HTML Coding

29542 questions in this forum

1. эффект появления модального окна в bootstrap3

   помогите пожалуйста разобраться я зашёл в раздел кастомизации бутрапа3. оставил галочки только напротив js-компонента Modal и css-правил для Modal. скачал, подключил на страничку в результате модальное окно появляется без какого-либо эффекта(например если я ранее использовал не кастомизированный бутстрап, то модальное окно плавно выезжало сверху экрана) вопроса два: 1. что мне нужно дозагрузить чтобы были доступны хотя бы простейшие эффекты 2. существуют ли в бутстрап3 другие эффекты кроме плавного "выезжания" модального окна сверху экрана?

   Asked by cyklop77, December 11, 2013

   0 votes
   6 answers
2. Выравнивание текста по низу div

   Добрый день. Прошу сильно не пинать, гуглил пол дня. Подскажите пожалуйста по такому вопросу: как выравнять текст в <div> по нижней границе без absolute. Есть div с фоновой картинкой, поверх которой я вывожу текст. Если использовать absolute текст смещается. Вот как выглядит вариант, в котором нужно выравнять текст по низу: А вот что получается, если у родительского div'a просивать position:relative, а у вложенного position: absolute; bottom: 0; Как ещё можно попробовать выровнять по нижней границе div'a?

   Asked by jdk, November 7, 2014

   • верстка
   • css
   0 votes
   1 answer
3. Как сделать фон в мобильной версии сайта?

   AlexZaw спасибо.

   Asked by your app, June 19, 2017

   0 votes
   10 answers
4. приписать target="_blank" куче ссылок

   есть большой документ, там много фраз в столбик, все они ссылаются на разные страницы в интернете. Есть какой нить способ приписать всем этим ссылкам target="_blank" ? По отдельности редактировать каждую ссылку возможности нету - сылок сотни ( может больше ), рука отвалиться. Был вариант сделать cntr+H, найти и поменть все .ru" на .ru" target="_blank", однако там почти все линки ведут на отдельные страницы ( /blah/blah-blah-blah.html ) и на папки...

   Asked by pribl, November 2, 2007

   0 votes
   8 answers
5. Верстка карточек сотрудников

   Доброго времени суток. Подскажите пожалуйста, если не точный код, то хотя бы в каком направлении двигаться. По какому принципу верстаются вот такие блоки? Как отцентрировать эти карточки между собой, как отцентрировать текст под картинками относительно самих картинок?

   Asked by Fomatik, January 5, 2019

   0 votes
   3 answers
6. Фон

   Как сделать чтобы при увеличении окна браузера фон в блоке увеличивался только на цельную картинку а не на её часть...? Дело в том что можно было бы конечно без этого обойтись, просто картинка с который состыковывается этот фон очень большая и многоцветная.. местами с прозрачностью.... Если её делать PNG-хой то она будет весить порядка 140кБ... а в JPG-е он будет весить всего 17кб.... Как бы разница ощутимая... вот и задался таким вопросом.... может ктонибудь знает? заранее благодарен. )

   Asked by alexander.parphenuyk, October 6, 2009

   0 votes
   16 answers
7. Прилепить изображение неподвижно

   Есть сайт: В углу есть элемент: #rul{ position: absolute; z-index: 20; } <div id="rul"><img src="/images/rul.png" /></div> в хеадере. Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?

   Asked by YaD, July 21, 2010

   0 votes
   16 answers
8. Буквы поменялись местами

   Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.

   Asked by fiver, March 13, 2019

   0 votes
   9 answers
9. Табл. на разных носителях

   Где написать в коде import или media, чтобы одна и та же таблица выглядели одинаково как на компьтере так и на компьтере так и на КПК. Не могу понять...Подскажите, пожалуйста... Я сделала так и не работает... <head> <link media="handheld" href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> </script> </head> <body> <table align="center" border="6"width="50%"> <tr> <td class="border" align="left" valign="middle" style="font-size:14px;"><b>№ Команды</b></td> <td class="border" style="font-size:14px;"><b>Вкл</td> <td class="border" styl…

   Asked by Ольга85, September 26, 2008

   0 votes
   4 answers
10. Помогите со скриптом Голосование

    Помогите со скриптом Голосование http://www.woweb.ru/load/69-1-0-2805 Когда я нажимаю на результат мне он выдает ошибку что у меня на 143 и 171 строке там ошибка т.е вот на этом месте пишет что здесь ошибка что надо прописать $a=$a+$vote; и 171 строка тоже что надо вписывать $decimals=$point[1];

    Asked by Alexey197825, February 10, 2010

    0 votes
    9 answers
11. Паспарту

    Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Паспарту</title> <style type="text/css"> .paspartu p { float: lef…

    Asked by Vlad, January 13, 2008

    0 votes
    14 answers
12. два класса в один ряд

    вобщем есть два класса. <input type="reset" style="" value="очистить" class="resset" name="h37f9"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это? Я попробовал вот таким образом, но почему-то не получилось... input.submit, input.resset { display: inline-block; }

    Asked by GooDMeister, October 16, 2009

    0 votes
    12 answers
13. Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна

    Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?

    Asked by vladik05, March 4, 2011

    0 votes
    6 answers
14. Как запускать сайт?

    Вот еще вопрос!!! Есть сайт но в папке ! В инете вычитал про какой то Веб сервер- сделал ! Теперь вопрос че делать с сервером ,куда кидать html файлы и как его запустить? P.S:обязательны ли покупной домен и что такое хостинг и нужен ли он?

    Asked by ukrop, February 12, 2011

    0 votes
    24 answers
15. Проблемы с div'ами при изменении масштаба браузера

    Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…

    Asked by PavelK, June 11, 2013

    0 votes
    4 answers
16. Прилипание блока к видимым границам

    Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, за…

    Asked by serzh82saratov, November 21, 2017

    • position
    • sticky
    • ie
    0 votes
    12 answers
17. input type="file"

    Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

    Asked by Evgen8, November 11, 2012

    0 votes
    11 answers
18. Border-image

    Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.

    Asked by Oliany, January 4, 2008

    0 votes
    5 answers
19. Проигрывание mp3 в фоновом режиме

    Всем привет! Нужна срочная помощь. Есть некоторая страница с большим кол-вом текстового материала. Нужно сделать так чтобы при нажатии на какую-нибудь ссылку (одно из слов текста) на странице начинал воспроизводится в фоновом режиме mp3 файл. При этом мы видим тот же самый текст. Как это сделать. Естественно <a href="1.mp3">слово</a> не помогает, открывает новую страницу.

    Asked by Fid, June 3, 2009

    0 votes
    11 answers
20. Непонятный отступ у элемента li

    Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?

    Asked by aaron, April 23, 2013

    • li
    • вертска
    0 votes
    15 answers
21. Недостаточно плавная анимация

    http://jsfiddle.net/hj2Yk/ Можно ли сделать плавнее?

    Asked by Zverushka, February 27, 2014

    0 votes
    28 answers
22. Сборка отдельных html-блоков и их стилей в Gulp

    Ребята, назрел такой вопрос. Допустим, я делаю проект по bem-way, то есть отдельные блоки хранятся в отдельных каталогах. В каждом каталоге есть jade-файл с разметкой блока и scss-файл с его стилями. Каким образом можно с помощью Галпа собрать любой отдельный блок вместе с его стилями? Понятно, что можно на каждый блок насоздавать тасков, но ведь блоков может быть адова куча и постоянно добавляются новые, замучаешься таски добавлять. Было бы круто, если бы таск был один, но принимал, например, в качестве параметра в командной строке имя файла блока (или всего каталога, неважно, ради такого я готов терпеть любые ограничения в именах файлов и каталогов ) и собирал итоговы…

    Asked by hypnocolor, December 22, 2015

    • gulp
    • html
    • css
    0 votes
    2 answers
23. стилизация полосы прокрутки

    Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?

    Asked by IPnex, May 23, 2011

    0 votes
    2 answers
24. favicon

    Народ есть веселый сайт http://hudet.ru/ - все хорошо (кроме того что он меня достал), но в общем. Favicon IE7, IE8 ... некорректно отображается. Есть у кого мысли почему криво отображается?

    Asked by Иван Шумов, May 26, 2009

    0 votes
    15 answers
25. Див на весь экран?

    Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…

    Asked by gnomikprazdnik, December 10, 2013

    • Див на весь экран?
    0 votes
    2 answers