HTML Coding

29542 questions in this forum

1. Проблемы с таблицей под IE8(compatibility view)

   В следующем примере min-width под IE8(compatibility view) игнорируется. FF 3.6 все норм. <table width="100%"> <tr> <td align="left" style="min-width: 80px"> </td> <td align="left" style="min-width: 80px"> </td> <td align="right" style="width:100%"> </td> </tr> </table> Надо чтоб было две ячейки слева и одна справа. Те, что слева должны быть фиксированной ширины или больше, взависимости от содержимого(инпуты будут). Если содержимого нет, то ячейки все равно должны оставаться с width=80px. Собственно, как я сделал, меня устраивает, только вот ие...

   Asked by andy.f, February 10, 2010

   0 votes
   2 answers
2. Табличка с резиной

   Доброго времени суток. Задача: ширина блока должна быть по длине текста сверху. Поле с циферками снизу должно тянуться. Отступ справа (внутри ячейки) 25 пикс. В Опере полет нормальный.. В ИЕ с хаками тоже более-менее (неадекватно реагирует на задание white-space: nowrap; но это ладно). FF\Chrome категорически несогласны. Такие вот делишки. Сделать статично не прокатит, увы. Хаки для FF\Chrome нежелательны, но вполне прокатит - хоть что-то будет. Заранее спасибо. С уважением, Олег. http://beavers-net.narod.ru/primers/balance_probe.html

   Asked by tt48, November 19, 2010

   0 votes
   4 answers
3. Фиксированный блок

   НАсколько нежелательно/параллельно делать основной блок фиксированным по высоте Если нежелательно, то почему? спасибо

   Asked by andys, June 27, 2011

   0 votes
   3 answers
4. Google Developer Tools и UL

   В этом примере.. (нашёл тут на форуме) Google Developer Tools у меню показывает ширину/высоту UL [800 x 0] Почему высота у UL нулевая?? Ведь внутри него лишки, а в них ещё ашки??

   Asked by DrStrangeLove, October 15, 2011

   0 votes
   11 answers
5. Как убрать отступы в div для элемента ul

   Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.

   Asked by Gambini, May 7, 2012

   0 votes
   2 answers
6. помогите прилепить один div к другому

   Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…

   Asked by str, June 12, 2012

   0 votes
   2 answers
7. Верстка интерактивной схемы для сайта

   Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддержив…

   Asked by Ex.clusive, March 6, 2013

   • Html
   • csss
   • svg
   • jquery
   0 votes
   0 answers
8. При наведении исчезает картинка

   У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …

   Asked by Daniil Khanin, May 8, 2014

   0 votes
   2 answers
9. Форма с кнопкой

   Как верстаются такие кнопки: http://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #00…

   Asked by Delat, September 30, 2014

   • form
   • submit
   0 votes
   4 answers
10. Резиновый двухколоночный макет с фиксированной шириной правого блока

    Пытаюсь сверстать адаптивную вёрстку сайта с двумя колонками. Я сделал два блока с атрибутами inline-block внутри общего контейнера. Задал левому ширину 80%, а правому 20%. И задал min-weight и max-weight. Но теперь моя задача усложнилась. Мне надо, чтобы правая колонка всегда была 200px, а левая заполняла всё оставшееся место. Можно так сверстать с помощью float и margin-right. Но мне нужно, чтобы правая колонка проваливалась вниз при достижении min-width для левой колонки. Как это можно сделать?

    Asked by PavelTkachev, November 28, 2014

    0 votes
    4 answers
11. Теги

    Здравствуйте. Я начинающий/нечасто практикующий специалист по html. У меня вот какой вопрос: есть добавить meta тег в обрывок кода (в админке не весь код целиком, а посмтранично), как указано на картинке, то будут ли работать meta теги? Или обязательно этот тег вставлять в head? Поделитесь, пожалуйста, опытом. Спасибо заранее. Ссылка на картинку: https://cloud.mail.ru/public/948i/urfKLepqm

    Asked by Nadya777, May 21, 2015

    • Meta
    0 votes
    2 answers
12. Неизвестный шрифт в фотошопе

    В psd макете есть неизвестный шрифт nexa bold /искал в интернете нашёл только в файл с вирусами/ Как мне достать етот шрифт? И как вообще фотошоп может его отображать если его нету?

    Asked by аркей, July 11, 2015

    • фотошоп nexa bold решите
    0 votes
    5 answers
13. Проблемы при самообучении по php (книга Р.Никсона)

    Добрый день. Возникли проблимы во время практики при самообучении по книге Робина Никсона - Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд - 2015. На странице 173 (Изучение PHP > создание файла) требуется ввести код для создания файла и проверить в браузере результат. Ввожу следующий код в sublime text: <?php $fh = fopen("testfile.txt", 'w') or die("Создать файл не удалось"); $text = <<<_END Строка 1 Строка 2 Строка 3 _END; fwrite($fh, $text) or die("Сбой записи файла"); fclose($fh); echo "Файл 'testfile.txt' записан успешно"; Затем сохраняю файл под именем testfile.txt и testfile.php, открываю в браузере, но ничего…

    Asked by sundeath, July 13, 2015

    • php
    • веб
    0 votes
    4 answers
14. Статичный генератор сайтов с gui

    Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.

    Asked by Ururu, March 23, 2016

    0 votes
    3 answers
15. Помогите сделать в ряд изображения

    Не могу понять как сделать чтобы изображения встали в ряд и сделать им одинаковый размер. https://jsfiddle.net/4uc2xLqz/

    Asked by Sunboy, October 13, 2017

    • bootstrap
    0 votes
    1 answer
16. не работают стили css файла в браузере

    День добрый ! я новичек , подскажите пожалуйста ,проблема: не работают некоторые стили , открываешь фаербаг в хроме показывает что div{display:block;} в чем причина ?

    Asked by MagicAndrei, January 4, 2018

    • div {display:block;}
    0 votes
    2 answers
17. Как посредством CSS справиться с непрозрачностью PNG в ИЕ6

    Как посредством CSS справиться с непрозрачностью PNG в ИЕ6? Ато ИЕ6 не поддерживает альфа канал и показывает PNG прозрачность серым(

    Asked by Defender1, February 13, 2008

    0 votes
    2 answers
18. IE 5,5; IE 6; - Лефт-Маргин

    Ссылка на пример В вышеназванных браузерах блок с услугами и блок с картинкой съезжают при заданном маргин-лефт. Или же правые за ними едут. Как исправить ситуацию/мою ошибку? Путем хака убрал 10 px - стало норм, есть ли другие варианты? Спасибо!

    Asked by Rootical, December 29, 2008

    0 votes
    1 answer
19. Добавление собственного шрифта на страницу

    Возрадуйтесь любители изощренных шрифтов, Safari 3.1 поддерживает @font-face и шрифты TTF. Теперь можно писать любые вычурные надписи на вычурном шрифте. Проблема все же остается, версия 3.0 этого делать не умеет, остальные браузеры тоже.

    Asked by Vlad, February 4, 2009

    0 votes
    3 answers
20. Проблемка с шапкой на сайте.

    Здраствуйте я извиняюсь но попрошу если можно подскажите, почему шапка нашего сайта на мониторах 15, 17 дюймов на полную ширину экрана а у меня на 22 неполностю, тоесть белый фон по сторонам на любом браузере? Как это исправить? Такого вопроса я на форуме не нашёл, возможно невнимательно смотрел, но чесно уже 2 дня ищу. Большое спасибо за помощь.

    Asked by димон 777, February 12, 2009

    0 votes
    4 answers
21. вылезает background по y

    Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…

    Asked by alexey_, June 24, 2011

    0 votes
    4 answers
22. link вместо XHR

    Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?

    Asked by SiPlus, October 15, 2011

    0 votes
    6 answers
23. padding в меню

    Столкнулся с такой проблемой, хочу сделать отступы от текста сверху и снизу по 5px и по бокам 10px делаю padding:5px 10px; у меня только по бокам отступы получается, а с сверху и снизу ничего не происходит. http://jsfiddle.net/ha7ap/

    Asked by moslem, January 2, 2012

    0 votes
    8 answers
24. Подгон img под ячейки

    Есть ячейка (ячейки) ({table-layout:fixed}), в нее с базы вставляются картинки. Как сделать так, чтоб картинки сами пропорционально подгонялись под ячейки. Все картинки имеют разный размер от маленьких до огромных.

    Asked by seowebster, February 1, 2012

    0 votes
    2 answers
25. тег для автора

    подскажите пожалуйста какой html5-тэг использовать для обозначения имени автора в конце статьи

    Asked by cyklop77, July 11, 2012

    0 votes
    3 answers