HTML Coding

29,542 questions in this forum

1. msie

   Здравствуйте. Мне нужно сверстать сайт под последнюю версию IE. Но у меня стоит XP (максимум могу увидеть с IE8). Поэтому интересует есть ли чтото наподобие browsershots.org, чтобы была возможность сделать скриншот из ie10+?

   Asked by psics, June 30, 2014

   0 votes
   2 answers
2. Передается только первый checkbox

   Передается только первый checkbox (acc). Остальные значения (man, inr) пустые. Подскажете в чем дело? HTML <form method="post" action="sender.php"> <input type="checkbox" name="acc" value="on">бухгалтерия<br> <input type="checkbox" name="man" value="on">отдел продаж<br> <input type="checkbox" name="inr" value="on">отдел закупок<br> <input type="submit" name="submit" value="Отправить"> </form> PHP <? if ($_POST['acc'] == "on") { echo "Бухгалтерия"; } if ($_POST['man'] == "on") { echo "Продажи"; } if ($_POST['inr'] == "on") { echo "Закупки"; } ?>

   Asked by Explorer, July 21, 2014

   • checkbox
   0 votes
   2 answers
3. Margin при наведении

   Добрый день. На сайте при наведении мыши на логотип следующий блок смещается в право на несколько пикселей. Подскажите пожалуйста, как поправить?

   Asked by jdk, March 17, 2015

   0 votes
   3 answers
4. Не могу обуздать z-index

   Здравствуйте!Подскажите пожалуйста. Попробовал наложить форму подписки от Jastclick (форму сделал полупрозрачной) на рисунок. Все получилось, но есть засада... Рисунок я могу двигать вверх-низ, вправо-влево, а форму подписки могу только двигать вправо-влево, а вверх-вниз не хочет! В чем может быть проблема? Подскажите пожалуйста. Проделываю это на своем блоге: free-pc.ru, там пока прежнюю форму оставил. Код прилагаю: <!-- Стиль вывода формы подписки JastClick (работа со слоями) --> <style>#layer1, #layer2, #layer3 {position: relative; /* Относительное позиционирование */} #layer2{top: -220px; /* Сдвигаем рисунок вверх */left: 90px; /* Сдвигаем рисунок вправо …

   Asked by Марат, March 20, 2015

   • z-index
   0 votes
   10 answers
5. убрать панель в chromium

   помогите пожалуйста в отладчике chromium убрать такую панель. недавно появилась и мешает

   Asked by cyklop77, February 12, 2016

   0 votes
   3 answers
6. Как создать такой индикато скролла страницы?

   При скролле полоса должна заполняться. Как можно создать подобную форму? Есть ли примеры?

   Asked by posthack, January 12, 2017

   • html
   • css
   • js
   0 votes
   1 answer
7. оформление кнопки

   в php Добавил кнопку <a href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BA%D0%BE%D0%BD%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B5%D1%80%D1%8B/">Акции</a> теперь хочу эту кнопку расположить справа по центру с фиксированной позицией и присвоить body {background: url(https://html5book.ru/wp-content/uploads/2015/07/background39.png);} a { text-decoration: none; outline: none; display: inline-block; width: 140px; height: 45px; line-height: 45px; border-radius: 45px; margin: 10px 20px; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; text-align: center; letter-spacing: 3px; font-weight: …

   Asked by ne_beret, March 7, 2018

   0 votes
   1 answer
8. Текс на картинке

   Здравствуйте! Помогите пожалуйста в решении следующей проблемы. Есть не большая разметка: <div id="gallery"> <div class="container"> <h2>photos</h2> <figure class="photo"> <a href="img/pic1.jpg"></a> </figure> Подскажите пожалуйста можно ли поместить текст на картинке? Я читал про элемент figure, но нашёл что только снизу можно текст оформить.

   Asked by Barik, July 1, 2019

   0 votes
   1 answer
9. Элементарный вопрос - почему не применяются стили

   Есть такой код, например: <article> <ul class="armorList"> <li><img src="img/sword.svg" alt=""></li> <li><img src="img/shield.svg" alt=""></li> <li><img src="img/stick.svg" alt=""></li> <li><img src="img/bow.svg" alt=""></li> </ul> </article> Почему к картинкам применяюся стили в формате: img { height: 50px; } а в таком: .armorList img { height: 50px; } или .armorList { height: 50px; } не применяются. В чем тут особенность? Просьба не пинать за глупые вопросы, пытаюсь разобраться.

   Asked by Nip, September 23, 2019

   0 votes
   1 answer
10. Как сделать так чтобы дивы друг на друга накладывались?

    Доброго времени суток. Я новичок, поэтому без мата плиз Задача: Сверстать используя z-index одну вещь. Значит так, вначале идет фотка, потом на нее накладывается GIF рамка с прозрачностью и гругляшком, потом на это накладывается третий слой в котором только текст, и там номер фотки отпозиционировать на кругляшок. Вопрос: Как сделать так чтобы дивы друг на друга накладывались? Не знаю как это сделать... Заранее спасибо.

    Asked by ScorpSatex, March 29, 2009

    0 votes
    1 answer
11. IE

    Есть следующий код: html <html> <body> <div id="header"> <div class="left_float_div"> <img src="./images/top_left_bg.jpg" width="25" height="60" /> </div> <div class="right_float_div"> <img src="/images/top_right_bg.jpg" width="25" height="60" /> </div> </div> </body> </html> и css к нему * { margin: 0; padding: 0; border: 0; } body { background: #fff; text-align: center; } .left_float_div { float: left; } .right_float_div { float: right; } #header { text-align: left; margin-left: auto; margin-right: auto; width: 850px; height: 60px; backg…

    Asked by theo_, July 4, 2009

    0 votes
    2 answers
12. Как отключить щточки перед <li>?

    <ul type="none"> Это работает везде, кроме оперы. В опере перед словами появляются точки.

    Asked by dimanlin, September 8, 2009

    0 votes
    1 answer
13. Четыре фикса в резиновом блоке

    Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.

    Asked by Veseloff, September 30, 2010

    0 votes
    4 answers
14. Банер +ссылка

    Здравствуйте! Мне нужно вставить баннер с готовой уже в нем ссылкой. При просмотре кода я увидела что ссылка в тегах <object> не наблюдается, она находится выше по коду баннера, но вставлять же надо только информацию в теге <object>? и как с этим справиться я не имею понятия Подскажите пожалуйста!

    Asked by elen, November 20, 2010

    0 votes
    6 answers
15. Резиновый слой

    Помогите пожалуйста У меня есть внешний div Внутри него находятся еще 2 div. Один слева, другой справа! Когда в правый попадает много текста он начинает растягиваться вниз, но при этом внешний div остается прежнего размера! Я ни где не задавал размеры внешнего div и по идее он должен автоматически растягиваться при увеличении внутреннего, но так не происходит. Как мне заставить его расширятся в зависимости от размеров внутренних тегов

    Asked by kent666, May 26, 2011

    0 votes
    4 answers
16. Ложка дегтя

    При попытке сделать стандартный трех колоночный макет с колонкоми равной высоты при помощи display:inline-block; и display:inline; для IE6(7), появилась проблема в IE8 - не растягивается цветная подложка по высоте. Пример представляет чисто спортивный интерес.

    Asked by gordi, June 25, 2011

    0 votes
    5 answers
17. Убрать увеличение длины элемента при увеличении font-weight

    имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

    Asked by pav8909, January 14, 2012

    0 votes
    4 answers
18. height: 100%

    Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html

    Asked by b0d, February 2, 2012

    0 votes
    5 answers
19. float

    Здравствуйте, подскажите пожалуйста как отцентрировать картинку справа, не задавая ширину абзацу? http://jsfiddle.net/ShootingStar/EQuwu/

    Asked by ShootingStar, June 22, 2012

    0 votes
    5 answers
20. php

    Как экранировать в printf %?

    Asked by Zzz_, June 25, 2012

    0 votes
    4 answers
21. помогите с dl, dt, dd

    не могу сделать вот такое: текст: текст тексттв: вввввввв вввввввв: текст я так понимаю это надо вот в такой структуре делать: <dl> <dt></dt> <dd></dd> ... </dl>

    Asked by bayanruby2, December 24, 2012

    0 votes
    2 answers
22. Не работает word-spacing в Хроме

    переустановил хром. Перестало работать сss свойство word-spacing. В остольных браузерах все норм і в старом до переустановки работало. Подкажте пожалуйста в чем дело!!!

    Asked by Ali_99, February 25, 2013

    0 votes
    0 answers
23. Как сделать чтобы изображение когда оно :hover?

    Сейчас использую такой код: .gallery { max-width: 840px; height: auto; text-align: center; } .gallery-item { background: #000; position: relative; left:-10px; } .gallery img { max-width: 840px; height: auto; transition: all 0.2s ease; } .gallery img:hover { opacity: 0.6; } Суть в том, что картинка находится в диве gallery-item, он черного цвета, по этому когда наводишь на картинку, она становится прозрачней, тем самым темнея. Однако, gallery-item растягивается на все максимальные 840px, и если картинка в ширину меньше этого числа, то по бокам черные полосы, естественно они не нужны, есть ли способ как-то решить это маленькую проблему?

    Asked by phantomgoodone, May 12, 2013

    • CSS
    0 votes
    3 answers
24. Скачет уголок в Хроме

    Добрый день. Подскажите как православно верно сделать такие "уголки"? http://jsfiddle.net/npofopr/eA63W/ Проблема в общем то в следующем. На jsfiddle нет проблемы, а вот если посмотреть в Хроме на То при изменении ширины браузера, можно увидеть, как прыгает уголок. Или при вызове инспектора, тоже может прыгать Если убрать letter-spacing у span'а, то всё становить хорошо. Но может где то еще я наделал ошибки или можно проще всё было сделать?

    Asked by npofopr, August 5, 2013

    • arrow
    • chrome
    0 votes
    3 answers
25. Прозрачные границы у таблицы

    В общем не хотят границы у таблицы быть прозрачными. Есть выход? http://jsfiddle.net/G3Qu7/

    Asked by Zverushka, December 18, 2013

    0 votes
    2 answers