HTML Coding

29542 questions in this forum

1. Вставка ссылки с SVG-объекта

   Добрый день. Объявлен объект: <object data="images/software.svg" type="image/svg+xml">Ваш браузер не может отображать SVG-изображения.</object> Надо сделать с него ссылку. Оборачивание в <a href></a> не помогает. Помогите, пожалуйста.

   Asked by buggy, April 8, 2013

   • svg
   0 votes
   0 answers
2. margin у элемента который касается границы браузера

   http://www.resultime.ru/ Вот страница. В ФФ футер маргин боттом отступает от нижнего края страницы. В ие7 + даже это происходит. А вот в хроме и опере футер плотно прижат к нижней части браузера. Такое ощущение что у элементов которые выходят за 100 процентный размер боди и хтмл и упираются в края браузера нельзя задавать маргины которые бы отодвигали эту границу. Есть решение добавить невидимый блок с прозрачным фоном и отодвинуть футер от прилипания к границе браузера. Но возможно вы мне подскажете решение без добавления лишнего элемента. Весь код в примере вынес в 1 файл что бы и стили и разметка была рядом.

   Asked by Whatsup, November 29, 2012

   0 votes
   4 answers
3. Border у фигуры

   Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?

   Asked by inex, December 14, 2012

   0 votes
   8 answers
4. Почему padding вокруг текста в разных браузерах ведет себя по-разному

   .one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?

   Asked by Artem Narushevich, August 2, 2013

   • css
   • верстка
   • padding
   0 votes
   1 answer
5. Collapsible список на HTML без JS

   Добрый день! Как на HTML сделать список со скрывающимся содержанием? Допустим, есть следующее: Заголовок1: Пункт1.1 Пункт1.2 Пункт1.3 Заголовок2: Пункт2.1 Пункт2.2 Пункт2.3 Из этого нужно получить следующее: Заголовок1: Заголовок2: При этом нужно, чтобы заголовки можно было открывать/закрывать независимо друг от друга. Нужно реализовать без использования JS, CSS, только на HTML.

   Asked by koshmarrrik, September 4, 2014

   0 votes
   6 answers
6. White-space и лишние пробелы

   Доброе время суток. Пациент. Это вывод некоторого кода, изменять который у меня нет привилегий (только изменение CSS). Вы, наверное, заметили, что между таблицей и второй рамкой есть промежуток в виде лишних пробелов, которые выдает код. Возможно ли как-то их убрать?

   Asked by Jurgee, April 24, 2015

   0 votes
   9 answers
7. Какие бывают меню (навигация)

   Здравствуйте! Вопрос может показаться странным и специфическим, просто я делаю одну вещь на РНР, которая должна будет принимать данные со стороны и на основе их делать меню, как-то так, по этому мне надо разобраться какие "типы" ссылок в меню бывают, что я подразумеваю под словом "типы", типы в моем случае разделяются исключительно только по заданному у них атрибуту class и стилям (которые через этот class и задаются), допустим есть меню из 3-х элементов: "Главная", "Контакты", "О сайте". Мы находимся на странице "О сайте": - простое меню, все ссылки имеют одинаковый стиль (один class), "О сайте" ни как не выделяется. - меню посложнее, тут уже ссылка "О сайте" выделена ц…

   Asked by CLK, May 3, 2015

   0 votes
   3 answers
8. Сложности при верстке навигации

   Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?

   Asked by alex_web64, June 28, 2016

   • навигация
   0 votes
   3 answers
9. bg-blend-mode в действии

   Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }

   Asked by Еврейская Мышь, February 20, 2018

   0 votes
   4 answers
10. Проблемы с входом в админку

    Ребята подскажите плз...в чем может быть проблема... Вобщем есть сайт, который я залил на хостинг, и 2 недели назад все прекрасно работало, а вот вчера приехал и немогу зайти в админку, которая блокируется вот таким кодом.. <?php include("blocks/bd.php"); if (!isset($_SERVER['PHP_AUTH_USER'])) { Header ("WWW-Authenticate: Basic realm=\"Admin Page\""); Header ("HTTP/1.0 401 Unauthorized"); exit(); } else { if (!get_magic_quotes_gpc()) { $_SERVER['PHP_AUTH_USER'] = mysql_escape_string($_SERVER['PHP_AUTH_USER']); $_SERVER['PHP_AUTH_PW'] = mysql_escape_string($_SERVER['PHP_AUTH_PW']); } $qu…

    Asked by pulover, August 5, 2009

    0 votes
    3 answers
11. Тэг h увеличивает размер строки таблицы по вертикали

    ...<td><h1>текст</h1></td>... увеличивает вертикальный размер строки таблицы, т.е. сверху и снизу от текста появляется много пустого места. Можно как-нибудь этого избежать?

    Asked by philimon, September 22, 2010

    0 votes
    7 answers
12. DIV уезжает вниз.

    Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …

    Asked by EventPromo, April 26, 2011

    0 votes
    2 answers
13. Текст в центре div'а (по горизонтали и вертикали).)

    Привет window.onload = function () { var wheight = (window.innerHeight) ? window.innerHeight : ((document.all) ? document.body.offsetHeight : null); document.getElementById("center_v").style.height = (document.getElementById("content").scrollHeight - 50)+"px"; document.getElementById("center_v").style.width = (document.getElementById("content").scrollWidth)+"px"; } #content { width:56%; min-height:500px; margin:0 0 0 0; padding:50px 2% 0 2%; float:left; } * + html #content { width:55%; } #center_v { width:100%; height:100%; min-height:500px; display:table-cell; vertical-align:middle; } #center_h { width:100%; height:auto…

    Asked by lolka84, June 22, 2011

    0 votes
    1 answer
14. Проклятый height: 100%

    Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/

    Asked by Freakmeister, January 29, 2012

    0 votes
    11 answers
15. Помогите с Меню =)

    Всем здрасте! Помогите пожалуйста начинающему web-деятелю =) сделать менюшку, пытался сам но что то ничего не получается сдизайнил вот такую нехитрую менюшку должно выглядеть именно так а вот что получается при наведении мыщи тоже фигня какая то. Вот сам код SCC: <style> /* Главное Меню Начало */ ul.menu li{ display:inline; paddin: 10px; margin: 10px 10px 10px 10px; color:#FFF; /*Цвет текста*/ background:#060; font-family:Arial, Helvetica, sans-serif; } ul.menu li a { padding: 10px; margin: 10px 10px 10px 10px; text-decoration:none; color:#FFF; } ul.menu li a:hover { background:#090; } </style> А вот HTML: <!-- Меню начало …

    Asked by HappyUser, October 31, 2012

    0 votes
    7 answers
16. Растягивание меню

    В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.

    Asked by berg12, July 24, 2013

    • css
    • display-table
    0 votes
    1 answer
17. отображение текста на ховере

    добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

    Asked by mrfrunze, August 16, 2014

    • css hover
    0 votes
    8 answers
18. как сделать такой бордер?

    всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?

    Asked by tr0nik, November 13, 2014

    0 votes
    4 answers
19. при масштабировании меняется положение элементов!

    Добрый день! Почему при увеличение экрана меняются элементы???...сьезжают на лево!!! http://jsfiddle.net/y0qwatzL/

    Asked by oledgan, March 17, 2015

    • положение
    0 votes
    4 answers
20. Статья: типы верстки

    На сайте htmlbook.ru видел статью про все типы верстки: резиновая, адаптивная, гибридная... Не могу найти. Дайте ссыль.

    Asked by torsar, September 23, 2016

    0 votes
    3 answers
21. Вертикальное позиционирование текста внутри блока

    Уважаемые мастера, подскажите: div.TempDv{ width:35px;height:35px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; margin: 60px 0 0 10px; position: absolute; background-image:url(prib2.jpg); text-align: center; vertical-align: bottom; } По горизонтали текст выравнивается, а по вертикали нет. Нужно чтобы текст был по середине снизу.

    Asked by Ser8191, May 30, 2017

    0 votes
    4 answers
22. рендеринг шрифтов в Chrome на Mac

    www.zebra-tara.ru использован шрифт Roboto, подключенный через Google Fonts. проблема - в Chrome на PC нормально подгружается и отображается шрифт, а на Mac - нет, ощущение, что вообще шрифт не загружен. Шире - это на Mac, видно, что шрифт другой: Притом в Safari - нормально: Предположил, что локально установлен Roboto без кириллицы, проверил - нет. Куда копать?

    Asked by d0ublezer0, November 11, 2018

    0 votes
    3 answers
23. доктайп и js, как подружить?

    имеется следующий код, на замену iframe: <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { showPage1(); }); var baseUrl = ""; function showPage1 () { showPage (document.getElementById ("indexx.html")); } function showPage(el) { var div = document.getElementById("textDiv"); page = baseUrl + el.id; div.innerHTML = "<iframe src ='" + page +"' width='100%' height='100%' scrolling='auto'>"; } </script> продолжение:…

    Asked by xameleon, March 12, 2009

    0 votes
    6 answers
24. Добавление ICQ

    Не знаю как это называется точно, видел много раз на сайтах в контактах вписывают асю, причем с логотипом самой аси, который меняется в зависимости от того в online-е или в offline-е сейчас UIN. Подскажите как это назвается и как это реализовать у себя?

    Asked by Alexx, April 29, 2009

    0 votes
    3 answers
25. Счётчик посещаемости

    Ситуация интересная! На сайте есть два счётчика посещаемости - liveinternet.ru и от специлизированного ресурса по тематики моего сайта. Показатели счётчиков всегда совпадали, бывало в редких случаях расхождение на 1 хост. Сейчас же стал замечать что расхождение доходит до 20 хостов... То есть liveinternet показывает 90 а другой 110... В чём может быть проблема? Может ли быть такое, что трафик кто-то ''уводит''? Как мне быть и разобраться с этим.

    Asked by student_ya, October 5, 2009

    0 votes
    3 answers