HTML Coding

29,542 questions in this forum

1. @font-face не работает на локальном сервере

   @font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro-inline.woff') format('woff'); font-weight: 700; font-style: normal;}Вот хоть расшибись в лепешку, а на локальный сервер не подгружает шрифты. При этом на хостинге всё работает без проблем. Погуглил и ничего не нашел. Может кто знает в какую сторону копать?

   Asked by Coder_D, June 1, 2015

   0 votes
   2 answers
2. Как сделать слайд блока на чистом JS?

   Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } …

   Asked by hetsketch, December 24, 2016

   • js
   • css
   0 votes
   5 answers
3. 2 бэкграунда в одном div. Возможно ли?

   Приветствую всех. Подскажите пожалуйста- возможно ли использование двух бэкграундов в одном div? Один бэкграунд выровнен по верхнему краю, другой - по нижнему. Использование вложенных div_ов- решает проблему, но хотелось бы покрасивее.

   Asked by bond84, August 23, 2007

   0 votes
   1 answer
4. Проблема с кросбраузерностью часть 2

   здраствуйте во опять у меня такая проблема опять ничего не выходит теперь вот сайт www.catbig.ru (грузится дого но в этом не моя вина) нерабатоет даже на опере проблема по в том что подвал почему то несползает вниз в опере хотя этот блок находится под основным блоком и position: relative; имеется и еще в менюшки не работает вот это background: url(img/m1.gif); она почему то тупо не выводится! П.С. все что написанно выше проверял ни че не помогает заранее спасибо! ...и еще блок с текстом почему то съезжает вниз хотя все float: left;

   Asked by Marlik, January 24, 2008

   0 votes
   6 answers
5. опять выпадающее меню

   знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #m…

   Asked by aspid, May 12, 2008

   0 votes
   3 answers
6. Баг в Opere

   Здравствуйте господа. В процессе верстки у меня возникли некоторые трудности, именно в браузере Opera версии9*х посмотрите (ссылка на файл дана) идет наслоение <h2>Телефон</h2> <p> <strong>Организация гастролей:</strong> (391) 211-11-11</p><br/> <p class="last"><strong>Музыкальное продюсирование:</strong> 211-11-12</p> <h2>Эл.почта:</h2> <p> <strong>Концертный директор:</strong> <a href="mailto:concert@gamblerz.ru">concert@gamblerz.ru</a></p><br/> <p class="last"><strong>Реклама на сайте:</strong> <a href="mailto:admin@gamble…

   Asked by aseran, November 7, 2008

   0 votes
   2 answers
7. Лишние пиксели по краям div в IE

   http://goodfengshui.ru/ нижнее оформление: страница: <div id="footer2"> <div id="btm1"></div> <div id="btm3"></div> <div id="footer31"></div> <div id="footer3"><H2>Телефон: 8(926)533-59-18</H2></div> </div> css оформоение: #footer2 { width: 100%; } #btm1 { float:left; width: 315px; height: 293px; background-image: url(i/btm2.jpg); } #btm3 { float:right; width: 315px; height: 293px; background-image: url(i/btm1.jpg); } #footer31 { height: 252px; } #footer3 { height: 41px; background-image: url(i/btmfill.jpg); backgrou…

   Asked by alabaha, November 8, 2008

   0 votes
   1 answer
8. Стили таблицы - строки и столбцы

   У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…

   Asked by erelen, November 13, 2008

   0 votes
   5 answers
9. Как расположить в таблице 3 фрейма

   1. Расположить главную таблицу. 2. В главную таблицу расположить еще одну таблицу, с 3мя ячейками 3. В каждой ячейке должен быть фрейм. Как можно реализовать задуманное?

   Asked by sheyker, May 18, 2009

   0 votes
   4 answers
10. Помогите разобратся. Шаблон на <DIV> + CSS

    Привет всем. Значит такое дело: верстал шаблон и столкнулся с такой маленькой задачкой. А точнее 2умя маленькими задачками (: 1-ая проблема: Есть шаблон. В нем есть главный див (.maindiv), в котором находится все содержимое. Длинна этого дива 995px. С помощью margin: auto; он располагается по центру страницы. Однако есть ещё один элемент дизайна - .provod . Этот элемент должен располагаться в верхней части страницы и вплотную прилегать к правой стороне главного дива (.maindiv) . Так же, дабы не увеличивать ширину сайта ( и смотреть его без скрола на маленьких разрешениях), надо что бы этот див (.provod) был как бэкграунд - при нехватке места на мониторе он прятался бы за …

    Asked by FriZZ, December 30, 2009

    0 votes
    8 answers
11. Заполнить пространство точками

    Здраствуйте! Уже 2 дня ломаю голову как сверстать такую штуку: Слева есть текст длина которого может меняться, справа есть кнопка +1. Пространство между ними заполняется различным количеством точек. Помогите, пожалуйста!

    Asked by lyapun, February 25, 2011

    0 votes
    5 answers
12. Отступ между div и img в internet explorer

    Есть следующий код: <body> <div style="background: fuchsia; float: left; width: 30px;"></div> <img style="border: none;" src="http://www.google.ru/logos/2011/eisner11-res.jpg"> </body> http://79.173.86.160/entrance/newhtml.html если смотреть его в ie, то между элементами будет расстояние. как его ликвидировать? padding и margin обоим элементам мне не помогли, hspace для img тоже... заранее спасибо !

    Asked by Hierofeus, March 6, 2011

    0 votes
    5 answers
13. Полупрозрачный фон на изображении

    Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.

    Asked by combyuro, April 29, 2015

    • z-index
    • background
    • img
    0 votes
    6 answers
14. Асинхронный запрос и возврат результата

    Здравствуйте. Мучаюсь не первый день с такой проблемой. Есть jquery, есть модальная форма, сначала мне нужно выполнить GET запрос на сервер, и в зависимости от того, что сервер ответит решить можно ли открывать форму или нет. Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае. А если использовать синхронный то всё хорошо, но консоль браузера ругается, что я не правильно поступаю и мои методы Deprecated. Как сейчас правильно поступать в современных тенденциях? Для понимания что я хочу, изображу это примерно так: function getAccess(){ ... запрос GET на сервер return ответ } function show…

    Asked by Divnenkiy, September 13, 2017

    • ajax
    0 votes
    7 answers
15. как правильно записать конструкцию if

    пишу так: a { if &[href $='.pdf'] {$typecontent: '\f1c1';} if &[href $='.xls'] or &[href $='.xlsx'] {$typecontent: '\f1c3';} if &[href $='.doc'] or &[href $='.docx'] {$typecontent: '\f1c2';} if &[href $='.ppt'] or &[href $='.pptx'] {$typecontent: '\f1c4';} if &[href $='.zip'] or &[href $='.7zip'] or &[href $='.rar'] {$typecontent: '\f1c6';} else {$typecontent: '';} } .dsize { color: $wite; &::before { margin-right: .5em; font-family: "Font Awesome 5 Free"; font-weight: 600; content: $typecontent; …

    Asked by teanrus, December 25, 2020

    0 votes
    1 answer
16. Почему же не работает class?

    Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....

    Asked by Dessik123, August 12, 2021

    0 votes
    4 answers
17. Кроссбраузерность (Three pixels text jog)

    Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо

    Asked by termoplus, May 12, 2009

    0 votes
    13 answers
18. Как прописать в HTML: 1) скачать Word страницы?

    Как прописать в HTML: 1) скачать Word страницы?2) проверочный код? Подскажите пожалуйсто!

    Asked by Mitai, February 2, 2010

    0 votes
    6 answers
19. Масштабирование и центрирование содержимого окна под разрешение клиента

    Здравствуйте. Есть макет. Ширина 1920px. На странице несколько больших фоновых изображений(на всю ширину макета). Область с контентом имеет фиксированную ширину в 960px и отцентрирована(margin: 0 auto). На разрешениях меньше 1920 естественно во-первых, получаем горизонтальную полосу прокрутки, во-вторых, после загрузки страницы ползунок уже сдвинут влево, т.е. пользователь видит сразу левую часть страницы. Как отцентрировать макет даже для малых разрешений, просто обрезая ту часть макета, которая выходит за границы разрешения и не показывая полосу прокрутки, чтобы, например, при масштабировании пользователь смог увидеть и остальное? Может у кого есть под рукой ссылки на п…

    Asked by son6ka, May 7, 2013

    • разрешение
    0 votes
    6 answers
20. портфолио

    Пиеопле, подскажие как сейчас можно это дело организовать, файлы в html и css.

    Asked by electricmammont, April 11, 2014

    0 votes
    13 answers
21. Почему не работает Bootstrap 3 сетка без bootstrap. css?

    Приветствую! В общем суть вопроса такова... Для того чтобы избавится от длинного css кода в Bootstrap (знаю можно сжимать файл, можно использовать только сетку, это всё не то) из файла bootstrap.css была взята часть кода для галереи таким образом, один только класс col-md-4, container и row. Все классы переписаны в другой css файл. <body> <div class="container"> <div class="row"> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plug…

    Asked by tigrus2014, December 20, 2017

    0 votes
    1 answer
22. тэг BUTTON. как создать ссылку на фрейм

    Подскажите, пожалуйста, как сделать, чтобы при нажатии кнопки во фрейме 1 открывалась страница в фрейме 2? Кнопка создана с помощью FORM input TYPE button либо просто BUTTON.

    Asked by Anna99, January 23, 2008

    0 votes
    4 answers
23. Как закольцевать музыку в embed?

    Собственно вопрос изложен. Необходимо чтобы музыка постоянно играла на страничке сайта.

    Asked by mal001, July 31, 2008

    0 votes
    1 answer
24. Резиновый инпут с иконкой слева

    Мой вопрос заключается в том, как сделать резиновый инпут с иконкой(например гугла)... пришел к выводу что это не возможно без js(при display:block; инпут не тянется как див, тогда нужен width:100%; но к нему плюсуются паддинги которые тоже нужны, В общем замкнутый круг) а js впутывать не хочу по мелочам(( может есть какой способ? зы как то много вопросов у меня за последнее время...

    Asked by Victor Ananiev, April 18, 2009

    0 votes
    4 answers
25. Не работают два <select>'а

    Всем привет. Мною был скачан шаблон сайта. В котором уже был встроено меню select, но когда их больше одного, то ни одно из них не работает. Но мне необходимо, чтобы их было как минимум 2. Как доработать код? Все исходники лежат здесь http://onemove.ru/40841/ Заранее спасибо! Вот мои скрины, на которых видно что не работает когда меню больше одного:

    Asked by choppylion, February 22, 2011

    0 votes
    13 answers