HTML Coding

29542 questions in this forum

1. Как развернуть картинку в модальном окне

   На странице есть полноразмерная картинка но сжата стилями до необходимых. Как можно сделать что бы при нажатии на ссылку "развернуть" этаже картинка разворачивалась в большом всплывающем окне (на 90% экрана)? Причем надо что бы именно эта картинка просто развернулась - БЕЗ лишней ещё одной загрузки. Вот заготовка - https://jsfiddle.net/af5wk09r/ ссылка "развернуть" не работает ( Спасибо, можно ли реализовать без скриптов?

   Asked by alleclf, December 17, 2016

   0 votes
   2 answers
2. Как тестиовать в IE6 ?

   А как протестировать сайт на предыдущих версиях браузеров? Устанавливать их? Или есть более хитрый способ?

   Asked by styleroom, October 12, 2008

   0 votes
   2 answers
3. Перевод строк

   Добрый день! Как узнать о переносах строк? Ситуация такая: Есть <div>слово1 слово2 слово3 слово4 слово5</div>. Если сжать ширину у div, то, например, получим: <div>слово1 слово2 слово3 слово4 слово5</div> Как определить, что слово3 и слово5 перенесены? Подскажите пожалуйста!

   Asked by Dimver, March 15, 2009

   0 votes
   7 answers
4. Кнопка для печати

   Как сделать кнопку именно с изображением для печати страницы?

   Asked by LianaK, January 18, 2010

   0 votes
   5 answers
5. помогите выровнить левый край текста в блоке

   есть след. код: <li><input type="radio" id="check" /><label for="check">тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк</label></li> нужно сделать так, чтобы текст на новых строках, не вылазил под радиобатон - т.е. был ограничен прямоугольной областью, находящейся справа от радибатона. сколько не бился, у меня либо на новую строчку label перескакивает, либо прямо на радиобатон налазит как вообще в цсс решаются подобные задачи

   Asked by fetish, April 28, 2010

   0 votes
   7 answers
6. Проблема С Рамкой Ссылки

   Здравствуйте, имеется проблема с рамками вокруг изображения-ссылки. Суть проблемы такова, что при наведении на изображение должна появляться рамка, а при щелчке на изображение переход на другую страничку. В IE рамка видна хорошо, во всех других же браузрах она видна не полностью, а только какая-то её часть. Какие атрибуты нужно задать для hover, чтобы рамка не была обрезанной? Заранее спасибо

   Asked by Snoozi, September 9, 2010

   0 votes
   9 answers
7. Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.

   Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс <table class="znachki"> CSS выглядит так: .znachki { width: 100%; /* Ширина таблицы */ height: auto; /* Высота таблицы */ text-align:center; } TD, TH.znachki { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 1px solid #CCCCCC; /* Параметры границы ячеек*/ } ВОПРОС: почему класс znachki применяется ко всем таблицам? /*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */ ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; widt…

   Asked by Mintaya, November 12, 2010

   0 votes
   4 answers
8. Резиновыйы шаблон

   Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон. Скажите правильно я понял,что при резиновом шаблоне ширину блоков,отступы по горизн. надо указывать в процентах? Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом? Заранее всем спасибо.

   Asked by new01, March 18, 2011

   0 votes
   12 answers
9. проблема IE и white-space:nowrap

   изначально нужно было вывести отзывы пользователей в бегущую строку, проблема возникла на этапе самого вывода, было перепробовано множество вариантов, и с использованием <nobr>, и с white-space:nowrap и display:inline-block; все свелось к тому, что все браузеры отображают отзывы как нужно в одну строку, а IE упорно выводит каждый новый комментарий в новой строке(посмотреть можно тут) сейчас вывод строки выглядит следующим образом <marquee style="white-space:nowrap; display:inline-block; *display:inline; width:100%; padding:4px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; " onmouseout="this.start();" onmouseo…

   Asked by eltoro, November 25, 2011

   0 votes
   4 answers
10. Логотип не стоит на месте

    Обычная страница. Background и div белого цвета, куда заключен текст. Div с текстом в обрамлении двух девчонок png с прозрачностью, а так же логотип сверху. Все эти элементы дочерние для div. У div position relative, у остальных - absolute. Но при отдалении девчонки остаются на месте, а логотип съезжает вправо. У всех дочерних элементов абсолютно одинаковые стили, разница только в координатах. Тем не менее проблемы именно с логотипом. Скрины прилагаю. Нормально При отдалении

    Asked by Sperc, July 18, 2014

    0 votes
    17 answers
11. Как это сверстать?

    Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло. Но такое искусство не масштабируется при адаптации. Как анимировать пока даже и не думал. Это учебный макет и экспериментальный макет.

    Asked by Schamil74, May 6, 2017

    • svg,hexagon
    0 votes
    5 answers
12. Как сделать подсвечивания поля с ошибками, bootstrap?

    Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает. errorPlacement: function ( error, element ) { error.addClass( "help-warrior" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element ); } }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" ); $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" ); }, unhighlight: function…

    Asked by Katerina23, February 11, 2020

    0 votes
    7 answers
13. Текст уезжает под DIV (Firefox)

    Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}

    Asked by Панч, December 30, 2008

    0 votes
    1 answer
14. Резиновая разметка в 2е колонки

    есть следующая разметка : <div id="outer"> <div id="upbg"></div> <div id="inner"> <div id="header"></div> <div id="splash"></div> <div id="menu"></div> <div id="primarycontent"></div> <div id="secondarycontent"></div> Так вот основной интерес представляют primarycontent и secondarycontent , нужно сделать чтобы secondarycontent был 240px , а primary занимал всю оставшуюся ширину экрана слева. Вот текущий код css, в настоящее время проблема в том что div primarycontent занимает не всю свободную область, а только небольшую часть в зависимости от внутреннего содержания. То есть ш…

    Asked by andkorz, January 1, 2009

    0 votes
    4 answers
15. Картинка и градиент в одной ячейке

    С Наступившим всех Новым Годом! У меня такой вопрос, есть ячейка таблицы, я хочу фоном сделать картинку и прижать её к верхнему краю, но есть ещё градиент это продолжение в низ этой картинки, как в одной ячейке это все проделать? В ячейке ещё текст

    Asked by okunev2, January 6, 2009

    0 votes
    2 answers
16. Сайт На Дивах

    Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464

    Asked by people2010, September 8, 2010

    0 votes
    11 answers
17. Помогите выудить FireBug-ом элементы списка.

    Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.

    Asked by VasyOK{!}, September 26, 2010

    0 votes
    10 answers
18. Зависание эксплорера при загрузке сайта

    Всем добрый день. Делаю сейчас сайт http://demo.arammu.ru/ вернее не одна я, а ещё прогер. Возникла такая проблема: при открытии этого сайта у меня начинает виснуть эксплорер всех версий (установлен на компе 7 + пользуюсь ietester'ом). Так же просила посмотреть нескольких знакомых, у них тоже самое, только у одного нормально работает. Пробовала отключать скрипты, всё равно виснет... Надо срочно в html исправить все баги в эксплорере а из-за этой ерунды не получается. Может кто подскажет в чём может быть причина или знает отладчик какой которым можно проверить? Заранее спасибо.

    Asked by meta, July 8, 2011

    0 votes
    5 answers
19. display: table и содержимое смежных "ячеек"

    Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…

    Asked by hedgehog, September 26, 2011

    0 votes
    10 answers
20. Баннер

    Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?

    Asked by diekrups, December 12, 2018

    0 votes
    1 answer
21. С помощью Flex строки меню вместе. Что не так?

    Здравствуйте. Верстаю макет, но чтото не так. Подобные верстал раньше, все было хорошо, даже сверяю, все чуть ли не под копирку написал. Но в Этом коде почему-то строки в меню слиплись и не могу их раскинуть. на рисунке как должно быть, и как выходит. Что не так делаю? Html: <div class="container"> <header class="header"> <div class="header-item"> <a href="#"><h1 class="logo">Bouncy</h1></a> <nav class="navbar"> <ul class="menu"> <li><a href="#">Hello</a> </li> <li><a href="#">About</a> </li> …

    Asked by FotGOD, May 6, 2020

    • html css
    0 votes
    1 answer
22. Помогите!

    У меня к вам такой вопрос: Стоит ли делать сайт на одну из этих тем, будут ли они иметь популярность и т.д.! Вот темы: Все о игре HItman! Все о игре Splinter Cell Все о программах, описание, ссылки! Все о интернете! Все о компьютерах! Все о играх! Защита от хакеров! Если да то подскажите на какую! Заранее спасибо!

    Asked by vvsh, February 9, 2008

    0 votes
    5 answers
23. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…

    Asked by red_88, March 4, 2009

    0 votes
    7 answers
24. косяк с бордером (border) в ie 6

    Всем привет! Мучаюсь с одной маленькой проблемой. во всех браузерах нормально отображается, кроме ie 6 (в более старших версиях все ок) вот скрин как в ие6: вот как в других браузерах: черный фон сделал специально чтобы отчетливо был виден косяк. код html <div class="browseproductcontainer"> <div class="browseimagecontainer"> <img src="http://сайт.ru/2_160x160.jpg height="160" width="160" class="browseProductImage" align="left" title="Костюм Вираж" alt="Костюм Вираж" border="0" /> </div> <div class="browseproductdetailscontainer"> <div class="browseskucontainer">КОС108</div> <h2> <a style="font-size:16p…

    Asked by mustang, October 31, 2009

    0 votes
    3 answers
25. UTF-8 проблемы

    Здраствуйте. Помогите пожалуйста,на странице стоит кодировка UTF-8 как обычно,но на виртуальном хостинге не работают. <?xml version='1.0' encoding='utf-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang="ru"> <head> <title>LiFe ServeR</title> <script type='text/javascript' src='Template/e1070000.js'></script> <script type='text/javascript' src='Template/sleight_.js'></script> <link rel='stylesheet' href='Template/style000.css' type='text/css' media='all' /> <link rel='stylesheet' href='Template/e1070…

    Asked by unsektor, November 3, 2009

    0 votes
    3 answers