HTML Coding

29542 questions in this forum

1. Как вписать картинку в блок?

   Сейчас фото дивана обрезается https://mebelsort.ru/mebel-dlya-gostinoj/myagkaya-mebel-malajzii/divany-malajzii/divan-krovat-amerillo-amerillo-bezhevyj-36-34 Можно ли его целиком как-то отобразить? знаю есть для этого overflow - не срабатывает.

   Asked by nikki4, October 4, 2018

   0 votes
   4 answers
2. Не правильная адаптация на сайте

   Всем привет, у меня такой вот вопрос, делаю сайт через react и при изменении расширения что-то идёт не так и какой-то бред получается, подскажите как решить данную проблему. Я вообще не понимаю из-за чего это происходит, по этому не могу нормально объяснить ?.

   Asked by Yurich, June 19, 2022

   • html
   • js
   • javascript
   • react
   • css
   • adaptive
   0 votes
   0 answers
3. Использование тега h2 в теге ul

   при использовании тега h2 в теге ul валидотор ругается но очень нужно именно такой подход, может как то обрамить h2 во что-то другое? <ul class="class"> <h2 class="classH2">Producst</h2> <li>- <a href="#">Lorem ipsum dolor sit vamet.</a></li> <li>- <a href="#">Sed facilisis pede non nisi.</a></li> <li>- <a href="#">Nulla dapibus fringilla ipsum.</a></li> </ul> спасибо

   Asked by termoplus, August 24, 2009

   0 votes
   4 answers
4. div, перенос строки

   Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.

   Asked by alexrtp, August 10, 2011

   0 votes
   4 answers
5. Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

   Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!

   Asked by volshebnyi, January 12, 2017

   0 votes
   6 answers
6. В чем причина чудовищно долгой загрузкой лендинга?

   Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.

   Asked by VladGridasov, April 28, 2017

   • лендинг
   • скорость загрузки
   • долгая загрузка
   0 votes
   5 answers
7. таблица

   подскжите, пожалуйста, как сделать так чтобы от таблицы не было отступов свершу и снизу странички?...

   Asked by 1010tricky, November 18, 2008

   0 votes
   12 answers
8. colspan в IE

   <style> table.blog{ width: 100%; border-collapse: collapse; border: 0; margin: 0; padding: 0; } table.blog td{ border: 1px solid #CECFCE; padding: 5px; text-align: left; vertical-align: top; } table.blog td.face{ width: 120px; height: 120px; background: #fdd; } </style> <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 </td></tr> </table> </td></tr> </table> почему в IE6 (у ме…

   Asked by idler, January 10, 2009

   0 votes
   1 answer
9. <!--[if ff]>

   Я пользуюсь Оперой. Сверстал сайт, всё валидно. Слайдшоу в ИЕ не работает. Ну да ладно, <!--[if IE 6]>что-то<![endif]-->, заменил всё первой картинкой. Когда тестил в Фаерфоксе, со слайдшоу была ещё большая дрянь, чем в ИЕ. Поискал, нашел: <!--[if ff]>что-то<![endif]--> Тем же путем, что и для Эксплорера. Но не работае. В чем проблема? Заранее благодарен.

   Asked by rimiden, July 11, 2009

   0 votes
   3 answers
10. Нужны шаблоны.psd

    Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!

    Asked by Jef, September 1, 2009

    0 votes
    7 answers
11. ТАБЛИЦЫ, группировка строк

    как сгруппировать строки? так я сгруппировал столбцы, теперь сгруппироваться отдельные ячейки в этой колонке, в этом случае строки, так как каждая колонка у меня разная. колонки сгруппировал так: ..... <colgroup> <col class="class1" /> <col class="class2" /> </colgroup> ..... <td scope="col"> .....

    Asked by termoplus, September 5, 2009

    0 votes
    4 answers
12. Как реализуется такое меню?

    http://rospotrebnadzor.ru/ Подменю раскрывается как таблица.

    Asked by falckon, March 18, 2010

    0 votes
    6 answers
13. В Опере10 что-то не так

    <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <title></title> <style type="text/css" media="all"> * {margin: 0; padding: 0;} * html #main {height: 100%;} html {height:100%;} body {height: 100%; background-color:#ccc;} #main {min-height: 100%; margin-bottom: -30px; background-color:red;} #footer {height: 30px; background-c…

    Asked by clavin, April 19, 2010

    0 votes
    5 answers
14. Проблема с кодом

    Есть у меня проблема ,больше часа питаюсь решить <hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" /> <div style="margin-left:20px; white-space:nowrap; "><span id="navigator" >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form action="http://skrypalej.net" name="go_on_page" method="get" > <input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" /> <input type="submit" value="Go" style="width:30px" class="button_vote"/> </form> | <span id="navigator" ><a href="java script:window.scrollTo(0,0);">Вверх</a></span> <…

    Asked by Mr.Black, October 18, 2010

    0 votes
    14 answers
15. Градиент и Img

    Есть два вопроса 1. Как зделать градиент в блоке ? Как нужно - http://img100.imageshack.us/img100/1907/43514349.png 2. Как зделать чтоб в некотрих браузерах картинку в теге Img нельзя было виделить так как background???

    Asked by Mr.Black, November 24, 2010

    0 votes
    11 answers
16. Как сделать пустой div невидемым

    Добрый вечер, натянул свой шаблон на cms, есть слайдер на главной странице, для него отдельный div. На остальных страницах, где его нет, появляется ненужный отступ+пустая полоска бордера, что можно сделать в этом случае? ув.модератор, откорректируй если есть возможность слово- "невидемым" а то опубликовал, а потом заметил такую нелепую ошибку.

    Asked by berg12, November 29, 2012

    0 votes
    6 answers
17. <Input type="text"> and ie8

    html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.

    Asked by dmitriydrachov, February 21, 2013

    • input
    • ie8
    0 votes
    3 answers
18. sqlite manager для FF

    подскажите пожалуйста как запустить sqlite manager. это плагин для firefox. я его установил, а как начать использовать не знаю. в документации тоже не нашёл указаний мне нужно просто его запустить

    Asked by cyklop77, September 6, 2014

    0 votes
    1 answer
19. Вставка кнопки поверх изображения.

    Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо

    Asked by traxenbruxen, July 12, 2015

    0 votes
    1 answer
20. О css фреймворках

    Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…

    Asked by vladmih, August 5, 2015

    0 votes
    7 answers
21. График контрибутов.

    Почему на графике контрибутов, квадраты закрашиваются максимально зеленым цветом независимо от того, что я сделал?

    Asked by Blend1n, October 21, 2017

    • github
    • гитхаб
    0 votes
    2 answers
22. bootstrap и нестандартная сетка

    Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).

    Asked by torsar, December 21, 2017

    0 votes
    3 answers
23. Проблема с картинкой

    Пытаюсь делать сайт, http://donskoysf.narod.ru/index.htm, шапку делал в фотошопе, как сделать так чтобы картинка шапки грузилась быстрее ( её вес 64 кб) а грузится все равно долго! Какие тут могут быть варианты !

    Asked by kirillps, January 29, 2010

    0 votes
    12 answers
24. разнае свойства элементов списка, помогите!

    Друзья, я уже голову сломала. Есть список типа ul li: <ul class="menu"> <li class="item3"><a href="#"><span>blahblah</span></a></li> <li class="item8"><a href="#"><span>blahblah</span></a></li> <li class="item16"><span class="separator">блабла</span></li> <li class="itemn"><a href="#"><span>blahblah</span></a></li> </ul> Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются дина…

    Asked by Rozhki_, November 9, 2010

    0 votes
    7 answers
25. Не могу разобраться с навигацией

    Здравствуйте, уважаемые форумчане. Есть задача: сверстать горизонтальную навигацию. По умолчанию ссылки показываются просто текстом, с этим я справился. А при наведении на их фоне появляется квадрат с закругленными углами. Причем этот квадрат будет оставаться на активной странице. Ну то есть, пока мы на главной он будет, как только переходим на страницу "Авторы", он появляется там. Надеюсь понятно. Не подскажете как реализовать?

    Asked by karim1717, November 25, 2011

    0 votes
    13 answers