HTML Coding

29542 questions in this forum

1. Ищу чертежный шрифт

   Меня попросили по старой дружбе сделать сайта по черчению, не могу найти чертежный шрифт

   Asked by nazarovvlan, September 16, 2008

   0 votes
   4 answers
2. Курсор (мигающая вертикальная линия) на элементе

   Здравствуйте! Подскажите, пожалуйста как называется вертикальная мигающая линия (на картинке) и как её убрать Появляется, когда элемент(div) в фокусе, после клика по элементу Лучше сделать элемент не div-ом, a кнопкой?

   Asked by Алёна Стрелкова, July 28, 2015

   • css
   • html
   • курсор
   • cursor
   • каретка
   0 votes
   3 answers
3. Атрибут role

   Вот они все. http://www.w3.org/1999/xhtml/vocab/#XHTMLRoleVocabulary Стал замечать их использование в верстках современных сайтов. Только вот, все равно не понимаю до конца ихнего смысла. Зачем они? Чисто для сео? Если только для семантики, то разве новых HTML5 тегов и просто правильного названия классов и айдишников не достаточно? В общем, пользуетесь ли вы этим атрибутом? И аргументируйте пожалуйста свой ответ.

   Asked by Evkaky, September 9, 2012

   0 votes
   4 answers
4. Прошу помощи по кросс-броузерной верстке

   Привет всем. Делаю сайт на заказ. Движок - Джумла 2.5, дизайн - заказной от стороннего разработчика, преобразование дизайна в шаблон джумлы - от меня. При просмотре готовых страниц в разных броузерах обнаружились проблемы. Некоторые страницы выглядят очень по-разному. Для примера - страница http://test.psy-actual.ru/team/persons Файрфокс версии 23.0.1 - все выглядит идеально. В точности как задумано. (Что не удивительно - это мой основной рабочий инструмент) Хром версии 29.0.1547.76 - почти все хорошо, только последняя фотография почему-то съехала на следующий ряд. Это странно, поскольку для ее вывода используется тот же класс, что и в других рядах из 3 фотографий. Единс…

   Asked by GRIG, September 28, 2013

   0 votes
   15 answers
5. Как отобразить background-image за пределами блока

   Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??

   Asked by Алексей2802, November 30, 2017

   • background
   • background-image
   0 votes
   12 answers
6. вертикальное выравнивание div'а внутри div'а??

   снова вопрос.. есть что то типа такого кода: <div class="one"> <div class="two"> <a href="boo.htm"><img src="boo.gif" /></a> </div> <div class="three"> <ul><li>boo</li></ul> </div> </div> и к нему CSS .one {width: 600px; height: 85px;} .two {width: 180px; height: 85px;} .three {height: 85px;} Меня интересует как картинку и список выровнять вертикально по центру (их габариты не известны)..

   Asked by ZoolooS, June 19, 2007

   0 votes
   12 answers
7. Как запретить перенос текста в определенном фрагменте?

   Есть некоторый текст. Например: Задача запретить перенос строки в фрагменте: [-1 P. Sem.] Т.е. можно чтобы текст переносился вот так: или так: А так нельзя: и так нельзя: Возможно ли как то это сделать? Есть ли какие то специальные теги в хтмл, запрещающие перенос строки в обрамленном фрагменте текста?

   Asked by Semreg, October 21, 2009

   0 votes
   43 answers
8. Не работает @font-family

   Попробовала использовать подключение нестандартных шрифтов через @font-family, но ничего не получилось. Экспериментировала с разными вариантами шрифтов. Несколько качала с fontov.net и еще один взяла из встроенных по умолчанию в Photoshop. Вопрос заключается в следующем, какие могут причины нерабочести? Ни в одном браузере (Opera, Firefox, Google Chrome) изменения не отображаются. Текст, к которому применяю @font-family, вообще не отображается либо отобржается стандартным (кажется, это Arial). Кто-нибудь сталкивался с подобным? Может дать совет какой-нибудь или объяснить, в чем может быть проблема? Да, кстати, вес шрифта не более 70КБ был, формат ttf, кириллицу поддержив…

   Asked by yatsan, January 29, 2012

   0 votes
   10 answers
9. Как убрать пунктирную обводку input'ов в firefox?

   Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.

   Asked by Nigelist, October 23, 2010

   0 votes
   10 answers
10. Подрисуночная подпись - как сделать для нескольких картинок рядом?

    Прочел на это сайте статью про сабж: http://htmlbook.ru/content/?id=112 Проверил все у себя на машине. Все работает классно, но... Меня интересует одна штука: можно ли как-то сделать, чтобы картинки с подписямим располагались не только по вертикали, а и по горизонтали тоже? Теги p и div предполагают непременный переход на новую строку, т.е в результате кода: Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика Винни-Пух в гостях у Кролика я вижу три картинки одна под другой - всегда. А я хочу, чтобы при широком окне они стояли рядом, а при уменьшении размера окна - выстраивались одна под другой. Можно так сделать или нет? Пока я знаю два варианта размещения …

    Asked by Vlad97, September 19, 2007

    0 votes
    9 answers
11. Как выдрать с сайта потоковое видео?

    Приветствую всех Можно ли вытащить потоковое видео отсюда ? Если да то каким должен быть код, что бы вставить себе на сайт?

    Asked by antonP, May 4, 2011

    0 votes
    6 answers
12. Как сделать выпадающее меню при нажатии (не при наведении)

    Как сделать выпадающее меню при нажатии, а не при наведении? То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении. А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо. Ставила свойство active, но оно при нажатии появляется и тут же исчезает.

    Asked by Alfa2015, March 20, 2015

    0 votes
    9 answers
13. Изменить положение кнопки в форме...

    Всем добрый день. Проблема: не удается изменить местоположение кнопки в форме, по отношению к "textarea". В хроме и сафари отображается нормально, но в остальных браузерах кнопка прилипает к "textarea". Каким образом кнопку можно двигать в внутри формы, помимо использования "float" Проясните, кто сталкивался с подобным, код прилагаю. <div id="obratka"> <form action="" method="post"> <p class="f">Ваше имя^*</p> <input type="text" name="t1" maxlength="40" size="30" class="text"> <p class="f">Ваш E-mail^*</p> <input type="text" name="t2" maxlengt…

    Asked by Gensen, April 4, 2012

    0 votes
    2 answers
14. footer внизу страницы

    когда на станице мало информации, footer не остается в самом низу страницы, а располагается в том месте, где закончилась таблица, даже если таблица в середине странички заканчивается.. можно ли "привязать footer" к низу страницы, зафиксировать его там?? и ещ? вопрос по теме: как фон разместить вплотную к нижней части страницы??

    Asked by Arkada, February 23, 2008

    0 votes
    1 answer
15. Кроссбраузерность line-height или как правильно центровать текст по вертикали

    Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

    Asked by Arinden, January 10, 2017

    • padding
    • line-height
    • font
    • webfont
    • android
    • fonts
    0 votes
    8 answers
16. Подключение шрифта helvetica neue cyr roman

    Добрый день, верстаю один дизайн, а тут вот такой шрифт, как его подключить в css? для нестандартных шрифтов я использовал google fonts, а там его нету, как его подключить?

    Asked by lindim3000, March 12, 2014

    0 votes
    2 answers
17. Убрать прозрачность дива

    Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо

    Asked by kirhost.com, November 20, 2009

    0 votes
    12 answers
18. Облегчим труд верстальщика! (из word в html)

    Вопрос возник в результате кропотливой верстке, здаровеных таблиц, настока это муторно, скорость работы просто падает! Подскажите пожалуйста, возможно ли из Worda или Excel, прекенуть таблицу в документ HTML? (может прога какая есть) з.ы. использование "сохранить как web-страницу" меня не устраивает! 1. дохрена ошибок 2. прописывает стали в таблице, и многое другое (попробуйте, сами увидите) Хотелось бы толко получить таблицу, с данными! Без какого либо оформления! Спасибо!

    Asked by ARA, June 29, 2007

    0 votes
    19 answers
19. TABLE

    Вопрос к Модератору и остальным участникам форума; на одном сайте я захотел скопировать код таблицы, если то можно так назвать а вот и адрес сайта; ( http://www.rusbible.ru/ ), но код "TABLE" не дается, почему? И как создать такую вот "TABLE" с узорами?

    Asked by mac-condor, December 30, 2008

    0 votes
    14 answers
20. Что такое Полифилл?

    Что за термин Полифилл?? касательно JS

    Asked by aqua.77, January 27, 2018

    0 votes
    8 answers
21. Смена цвета текста при наведении на него курсора

    Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?

    Asked by mr_0003Spy, March 11, 2011

    0 votes
    10 answers
22. В?рстка меню слоями

    Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 1. ширина пунктов в явном виде не зада?тся; 2. меню должно плавать по центру родительского контейнера; 3. каждый пункт меню должен заключаться в отдельный контейнер, в котором можно будет задать отступы текста от его кра?в. Если изложил не понятно, прилагаю код решения с применением таблицы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…

    Asked by Storm, April 4, 2008

    0 votes
    29 answers
23. Обрезать строку в ячейке таблицы

    Добрый вечер. Подскажите, пожалуйста, как обрезать строку в ячейке таблицы? Пробовал делать с помощью text-overflow: clip и overflow: hidden, но таблица растягивается и никакого обрезания, конечно же, не происходит. Вот код таблицы (прошу не пинать за указание ширины прямо в HTML): <table class="logs_list"> <tr> <td style="width: 20%">IP</td> <td style="width: 10%">Время</td> <td style="width: 5%">Запрос</td> <td style="width: 60%;">Страница</td> <td style="width: 5%">Ответ</td> </tr> <tr> <td>140.206.155.127</td> <td>00:54:00</td> <td>GET&lt…

    Asked by AlmazDelDiablo, April 7, 2013

    0 votes
    4 answers
24. Опустить картинку чуть ниже текста

    у меня несколько таких блоков, где есть иконка и текст заголовка, но как сделать так, чтобы иконка была ровно по середине, т.е. она сейчас и так вроде бы по середине, а мне надо иконку чуть опустить вниз при этом чтобы текст оставалс на своем месте, или наоборот чуток поднять текст. КСС код для иконки простой, просто отступ и тексто тоже просто по центру #write-story .container .box h1 img{margin-right: 4px;} #write-story .container .box h1{color:#994f2e; font-size: 16px; font-family: Georgia; text-align: center; font-weight: normal;} Помогите пожалуйста правильно отцентрировать. И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на обл…

    Asked by hello2, December 4, 2008

    0 votes
    3 answers
25. Кликабельная иконка возле ссылки

    Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <a class="savelink" href="#"><div class="save_xl">ССЫЛКА</div></a> .savelink { display: inline; height: 20px; line-height: 20px; font-size: 12px; margin-left: 20px; text-decoration: underline; } .save_xl { background: url("icon_excel.jpg") no-repeat; } .save_word { background: url("icon_word.jpg") no-repeat; } .save_file { background…

    Asked by splean, January 14, 2009

    0 votes
    4 answers