HTML Coding

29,542 questions in this forum

1. Спойлер без JS

   Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…

   Asked by wetta, September 28, 2010

   0 votes
   25 answers
2. Картинка в Всплывающей подсказке

   Прошу помощи! У меня такая проблема - необходимо что-бы всплывающая подсказка содержала картинку но проблема в том что необходимо это сделать в html в самом блоке где идет текст (блок прикручен как чистая страничка) посоветуйте код для воплощения этой задачи желательно не сильно громоздкий код потому как на страничке много картинок к которым нужно прикрутить всплывающую подсказку с изображением Или подскажите как к стандартной всплывающей подсказке title прикрутить изображение

   Asked by MERINGOT, August 24, 2011

   0 votes
   7 answers
3. Стиль шрифта

   Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }

   Asked by okunev2, January 20, 2008

   0 votes
   39 answers
4. Как сделать отступ?

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

   Asked by Mike67, February 15, 2012

   0 votes
   4 answers
5. Проблема с инсталляцией Apache.

   Решил установить Apache. Скачал .msi файл с оффициального сайта. Но, программа не устанавливается. Запускаю инсталятор, окно установки появяется, исчезает на секунду и появляется тоже окно, со следующим сообщением: Installation Wizard Interrupted The installation wizard was interrupted before Apache HTTP Server 2.2.11 could be completely installed. Your system has not been modified. To complete installation at another time, please run setup again. Click finish to exit the wizard. И одна активная кнопка - "Finish". Перезапускал установку, скачивал другие версии, ничего не помогает, везде одно и тоже. Проверял антивирус, вроде не запрещает установку. Что делать, может у ко…

   Asked by aPioz, April 18, 2009

   0 votes
   9 answers
6. Живой, движущийся задний фон сайта.

   Есть задняя фоновая картика bg.jpg (фиксированая, при скролинге сайта остаеться на месте). Задумка следущая, нужно сделать так чтобы на этот bg.jpg ложилась и двигалась влево еще одна картика smoke.png (полупрозрачная). Поверх smoke.png, ложиться еще раз smoke.png, но уже движеться вправо. Smoke.png должны двигаться одновремено, каждая в своем направлении. А также чтобы при скролинге сайта они не прокручивались верх-вниз, а были тоже как бы завиксированы. В общем проще говоря нужно создать эффект движущегося дыма. Естественно скролинги картики smoke.png должены быть бесконечными (петлей) Как это можно реализовать ? Вот строка картинки заднего фона в моем CSS. Помогите…

   Asked by loganxfi, November 27, 2009

   0 votes
   7 answers
7. Отступ Navbar Bootrstap

   Доброго. Проблема с элементом Bootstrap, а именно navbar. При добавлении элемента появляется негативный отступ до дальнейшего контента страницы. Как его убрать? <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img sr…

   Asked by Скиф, June 26, 2017

   0 votes
   9 answers
8. выпадающее меню

   Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a>&l…

   Asked by GstarMax, June 9, 2013

   • html 5
   0 votes
   9 answers
9. Тест на JavaScript

   Нужно создать тест при помощи JavaScript, который выбирал бы вопрос случайным образом из отдельного файла (списка вопросов и ответов). Может кто-нибудь знает, где можно скачать готовый такой скрипт с генерацией случайных вопросов?

   Asked by Fid, January 3, 2009

   0 votes
   5 answers
10. Поворот, вращение background

    Поворот, вращение background, возможно ли это? Сама проблема: background всей страницы сделан как градиент, но под 45 град. Чтоб понятнее - вот сама картинка (5 кБ):

    Asked by sl, February 7, 2008

    0 votes
    10 answers
11. Вёрстка div высота 100% 3 колонки

    Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…

    Asked by bam, September 2, 2011

    0 votes
    19 answers
12. Нестандартные шрифты на холсте Canvas.

    Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..

    Asked by Yamaradg, March 22, 2013

    0 votes
    51 answers
13. позиционирование картинки внизу страницы (div'ы)

    Доброго времени суток )) Вопрос такой. Как на страничке с фиксиорованным дизайном, свертанной div'ами с позиционированием, сделать,чтобы картинка отображалась в самом низу страницы при любой длине страницы? Хелп, плиз, или "ткните носом", где почитать Заранее, спасибо ))

    Asked by lampo4ka, March 17, 2008

    0 votes
    5 answers
14. div Как перенести блок на новую строку

    Вечер Добрый. Пишу с просьбой дабы объяснили как можно перенести блок в определенно место. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./css/style.css"> <title>HTML5</title> </head> <body> <div class="" ="wrapper"> <div class="header"> <div class="header_line"></div> </div> <div class="row"> <div class="avatar"></div> <div clas="abme"> <div class="name"></div> <div class="status">&lt…

    Asked by Tardpipl, November 8, 2017

    0 votes
    3 answers
15. Хитрый position: fixed

    Привет. Стоит задача разобраться, реализовать нечто подобное как у яндекс-музыки: http://music.yandex.ru/ Дизайн сайта представляет 4 блока: 1. верхний - шапка 233px; 2. меню под шапкой 30px; 3. контент height:100%; 4. подвал height:50px; Надо сделать div блок под меню сайта с фиксированным позиционированием, но что бы он прокручивался до top:0px; и в топе фиксировался при дальнейшей прокрутке (position:fixed;), а в случае если страничку прокручивают обратно вверх, то меню сдвигалось с поправкой на шапку, что то вроде (position:absolute; top:233px;) Всю голову сломал, выручите, кто в теме... Не обязательно так изворачиваться, возможно есть выход альтернативный, по типу m…

    Asked by Nushaba, May 29, 2011

    0 votes
    32 answers
16. Блик на чистом css

    Доброй ночи, уважаемые форумчане! Не подскажете, как создать такой блик исключительно на css. Просто вырезать и вставить блик как-то не круто( А других идей у меня пока нет... http://clip2net.com/s/3j79hmY

    Asked by Orysya, June 11, 2015

    • css3
    0 votes
    3 answers
17. оформление select через css

    Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...

    Asked by slo_nik, December 13, 2011

    0 votes
    6 answers
18. Африканские шрифты

    Есть у кого кириллические африканские шрифты наподобие тех, что приведены по ссылке? http://www.design-africa.com/fonts/african-fonts01.html

    Asked by Vlad, October 14, 2008

    0 votes
    2 answers
19. как убрать padding у div последнего элемента

    Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3…

    Asked by pavlovda, June 5, 2015

    0 votes
    8 answers
20. Не правильное отображение в Chrome

    Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrappe…

    Asked by param, February 2, 2012

    0 votes
    20 answers
21. Img Align=center

    кто пояснит значение этого параметра, которого нет в доках сайта? IMG ALIGN=CENTER <p align="center"><img border="2" src="n.gif" width="120" height="40" align="center"> <img border="2" src="en.gif" width="120" height="40"> <img border="2" src="wn.gif" width="120" height="40" align="center"></p> вот код, что относительно чего выравнивается - не пойму, но красиво.

    Asked by Rilo, August 23, 2008

    0 votes
    5 answers
22. IE не понимает td align="justify"?

    IE 7 не понимает <td align="justify">? В IE работает только с <div align="justify">?

    Asked by GaaD, December 4, 2008

    0 votes
    7 answers
23. убрать перенос строки в списке.

    Как убрать перенос строки в списке для создания горизонтального меню? <ul class="header_top_list"> <li>меню1</li> <li>меню2</li> <li>меню3</li> </ul> Результат: меню1 меню2 меню3 Нужный результат: меню1 меню2 меню3

    Asked by newbigmir, August 9, 2007

    0 votes
    13 answers
24. Как верстать в HTML 5?

    Приветствую. Вот как я посмотрю много суеты вокруг этого новшества. Ну в общем у меня вопрос из сабжа. Ради расширения познаний хотелось услышать ответ. В чем отличается вёрстка того же xhtml от html5? ну к примеру я в одном проекте написал так: <!DOCTYPE html> <html> <head> и что теперь это можно назвать сайт свёрстанный в стиле html5? так как кроме этой строчки там, вроде как, ничего другого что касается html5 нету. собственно говорим о сабже

    Asked by klierik, February 11, 2011

    0 votes
    67 answers
25. FORM - передача параметров на e-mail

    Хочу сделать у себя на сайте форму состоящую из тр?х полей. Чтобы информация занес?нная в эти поля попадала мне на E-mail. Подскажите, как сделать? Буду признателен. Сайт на народе.

    Asked by CRANK, May 26, 2007

    0 votes
    22 answers