HTML Coding

29,542 questions in this forum

1. Ссылка на елемент сайта

   В прошлой теме мне помогли создать спойлер: <a href="javascript:;" class="videoA">klick</a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () {$(this).next(".videoJS").toggle();$(this).toggleClass("active");return false; });</script>который отлично работает,которого на странице у меня более 20 штук,но вот я увидел что не все так хорошо как хотелось бы... Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; а не адрес самого спойлера на этой странице.Аналогичное я видел с постами,ну когда на форумах нажимаешь пкм на номер поста,копировать адрес ссылки и копируется адрес те…

   Asked by pudge, November 21, 2013

   0 votes
   33 answers
2. Как настроить платный шрифт для сайта

   Купила шрифт для сайта. Выслали один файл. С ним на моем компе работает, а на сайте - нет. Запросила адаптацию у продавца. Выслали 2 папки. Что с ними делать, к какому файлу указывать путь, что скачивать в файловый менеджер на хостер ума не приложу. Мучаюсь с установкой теперь. Как установить и привязать шрифт к сайту?

   Asked by Светлана, January 29, 2014

   • шрифт
   0 votes
   33 answers
3. head

   kakoy eto srift i kak sverstat eto https://disk.yandex.ru/client/disk|slider/disk/afrika.jpg

   Asked by Leyla84, September 15, 2014

   0 votes
   33 answers
4. Как пользоваться тегом <main>

   Хочу применять в сёрстке тег <main> и не могу понять как его применять правильно. Из описания я понял, что это тег для основного и уникального контента для данной страницы. Но как тогда его использовать с тегом <article>, ведь в нём данные контент должен также находиться? Что-то на подобии: <main> <article> <h1></h1> <time></time> </article> </main> Так? И должен ли тег <h1> быть внутри <article>?

   Asked by PavelTkachev, November 14, 2014

   0 votes
   33 answers
5. Вёрстка для старых браузеров

   Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?

   Asked by PavelTkachev, December 9, 2014

   0 votes
   33 answers
6. повторение фоновых изображений

   Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....

   Asked by Волчонок, June 20, 2007

   0 votes
   32 answers
7. Индексация поисковиками страници с фреймами (frameset)

   Здравствуйте! Пришел к вам на форум, чтобы спросить следующее: Я вообще флешер. Делаю сейчас сайт приятелю. Нужно сделать красивым, и в тоже время, очень важно отображение в поисковиках. Для этого, я решил использовать фреймы. Раньше никогда их не пробовал, но изучив понял, что все просто. Только вот моя логика подсказывает, что возможны проблемы с поисковиками. Подробности: Я буду делать сайт таким: 1. Страница index.html в которой прописано вместо Фреймов будет 4. первый будет флеш шапка, второй, флеш подвал, третий левая колонка, а четвертый все остальное. Т.е Первые три флейма будут полностью заняты флешками, а четвертый, будет подгружать и менять html страници сай…

   Asked by джонатан, March 30, 2008

   0 votes
   32 answers
8. Увеличить картинку красиво

   Делаю сайтик хтмл. Так вот появилась проблема. Есть простая галерея картинок - маленкие иконки/шаблоны картинок больших, которые тоже есть и появляются при клике на миниатюрку, конечно же появляются в большом виде, как и надо. только вот открываются в окне браузера не так, как бы хотелось. Открываются с полосой прокрутки, по снизу и справа белый фон, а сверху "табы" браузера. короче как сделать так, что бы картинка открывалась в увеличенном виде, но красиво, без лишнего, только картинка и сверху адрес этой картинки.. я тут на одном сайте видел такое решение, там был яваскрипт. подскажите..

   Asked by Accessdenied, July 21, 2008

   0 votes
   32 answers
9. сглаживание шрифтов ClearType

   Как говорится сабж. Используете ли вы эту технлогию сглаживания или отключаете. P.S. кстати по умолчанию она включена? а то сам уже и не припомню.

   Asked by Old Nick, November 21, 2008

   0 votes
   32 answers
10. IMG width в %

    Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?

    Asked by lazybaby, March 21, 2009

    0 votes
    32 answers
11. Скрипт для Select'a

    Вроде все просто но что то ни как не соображу имеется Select1 <select name="select1" onclick="selectValue(this.form)"> <option value="">Выберите значение</option> <option value="Уровень1">Уровень1</option> <option value="Уровень2">Уровень2</option> </select> и Select2 <select name="select2"> <option value="">Выберано значение</option> <option value="Выбрали2">Выбрали1</option> <option value="Выбрали2">Выбрали2</option> </select> Вот приметный код селектов Задача: при выборе у select1 значения "Уровень2", select2 должен перескочить …

    Asked by slavok47, May 21, 2009

    0 votes
    32 answers
12. Firefox - пожиратель рам! Как отучить ФФ есть бордюры?

    <!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"> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…

    Asked by Semreg, September 23, 2009

    0 votes
    32 answers
13. CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец

    Есть широкий див, в нём находятся 2 элемента, 1-ый из них имеет фиксированную ширину. Задача: приделать динамическую (изменяемую) ширину для 2-ого элемента, расположив оба элемента в одну строку. Проблема: если установить 2-ому элементу width:auto, то в таком случае элементы размещаются в столбец, а надо в строку. Если установить для 1-ого элемента float:left, а для второго width:auto и float:right, то по идее всё должно решиться, но этого не происходит (firefox 3.5 + stylish). Ещё я поигрался с display: table-row/table-column (пробовал и менять на другие возм. параметры), но ничего не изменилось. Как правильно выставить этот параметр и главное для кого? Для суб-элементов…

    Asked by amz00m, November 16, 2009

    0 votes
    32 answers
14. При пробеле слетает слово

    В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

    Asked by Gintos, April 24, 2010

    0 votes
    32 answers
15. Проблема с footer

    Всем привет. Была проблема: "подвал" на сайте http://www.my-abc.info/ в мозилле уезжал вверх, т.е. следовал сразу за основным текстом. Проблему решил правкой css: добавил clear:left в классе .outfooter. http://www.my-abc.info/styles.css На другом сайте такая же проблема - http://www.sdmsp.com/ При этом в IE6 всё отображается нормально, а вот в остальных браузерах - низ уезжает вверх... Пробовал решить добавлением clear:both, но не помогает. http://www.sdmsp.com/styles.css http://www.sdmsp.com/mail.html У кого какие мысли? Я просто даже не знаю, где нужно искать проблему... Буду благодарен за любые подсказки.

    Asked by Nauticus, September 1, 2010

    0 votes
    32 answers
16. Задачка по верстке

    Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…

    Asked by Radik_45, October 19, 2010

    0 votes
    32 answers
17. Задачка. Обтекаемый футер снизу.

    Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by novicheG, April 3, 2011

    0 votes
    32 answers
18. :hover

    Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?

    Asked by new01, May 2, 2011

    0 votes
    32 answers
19. Хитрый 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
20. Динамичное содержание страницы

    Как сделать так, что бы информация или часть информации на странице менялись, например, что бы данные брались с другой страницы? Что-то типа такого, вот есть к примеру текст: Ваш рейтинг = "число взятое с другой страницы сайта или другого сайта" Или: Ваши баллы "кол-во взятое с другой страницы" из 10 Что-то типа информации в профиле, например пользователь учавствовал в конкурсе на сайте и в его профиле отображается кол-во достижений, вобщем как сделать, что-то типа этого?

    Asked by mr_0003Spy, July 9, 2011

    0 votes
    32 answers
21. Вёрстка изогнутых блоков

    Ребята помогите с такими вот вопросами.Я нуб если что =) Есть блок ,нужно что бы он при добавлении текста расстягивался в длину и ширину . Теперь вопросы: 1)Как правильно его нарезать в фотошопе ?(какой формат для сохранения ,кол-во частей которое получиться после нарезки) 2)Как позиционировать (float,margin,position?) его отрезаные части(бока,верх,низ) что бы они точно прилегали к блоку? 3)И как будет выглядить код html Вот как я делал похожий блок, у него изогнуты только бока : 1) PNG24 ,градиент центра,левый и правый бок 2,3) <div class="box"> <div class="box-right"> </div> <div class="box-left"> </div> </div> .box { positio…

    Asked by coldug, July 9, 2011

    0 votes
    32 answers
22. Что из этого список, а что нет.

    Меню - список? Слайдер из картинок - список? Список новостей - это список? Список отзывов клиентов на лендинге - список?

    Asked by Zverushka, October 28, 2013

    0 votes
    32 answers
23. Умный поиск

    Можно ли сделать, что-бы в опрделенном случае он(поиск) открывал определенную страницу. Например ввел я слово заяц, а он не находит все страницы, с этим словом, а открывает нужную мне страницу - волк(например). Как мог обьяснил. Если что нужно еще , спрашивайте! Помогите пожалуйста чайнику. Буду очень благодарен! Заранее спасибо. С Уважением, Евгений.

    Asked by Mestniy96, March 26, 2015

    0 votes
    32 answers
24. frD-background не отображается

    Вчера отображался, а сейчас нет( И не знаю в ч?м проблема. Ставишь "букву" или "число" отображается, а как только их убир?шь, то и след простыл. Как вы думаете в ч?м может быть проблема?

    Asked by vrednyu4aya, June 19, 2007

    0 votes
    31 answers
25. Кнопка как ссылка.

    Подскажите пожалуйста как сделать кнопку ссылкой на другую страничку?

    Asked by Иван, August 13, 2007

    0 votes
    31 answers