HTML Coding

29542 questions in this forum

1. Позиционирование в разных браузерах!

   #logo { position: absolute; top: 15px; left: 55px; width: 220px; } #menu { position:absolute; top: 25px; right: 0px; } Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть Так и должно быть или я чего-то не дописал? С ув. Uncle Fox

   Asked by Uncle Fox, September 22, 2014

   • position
   0 votes
   1 answer
2. Нужно реализовать такую фишку скрывать краткое описание

   реализовать такую фишку как на сайте Розетка чтобы скрывать краткое описание а при наведении оно появлялось ! Вот на таком сайте ocStore Версия 1.5.5.1.2

   Asked by virtas, November 29, 2014

   • краткое описание
   • скрывать краткое описание
   0 votes
   5 answers
3. Проблемы с hover

   Подскажите, пожалуйста, как сделать такой hover http://clip2net.com/s/39RXeg1. Нужно, чтобы он автоматически подстраивался под содержимое.

   Asked by Orysya, January 4, 2015

   • hover
   0 votes
   5 answers
4. Кликтабельная картинка и бегущая стро... картинка

   Доброго времени суток! Я делаю работу по информатике и мне необходима ваша помощь. Итак! Мне нужно, что бы при нажатии на определённую часть картинки из угла html-документа вылезала картинка, останавливалась на расстоянии в 332 пикселя от правого края , задержалась на несколько секунд и возвращалась обратно, при этом всём сопровождаемая звуком. Возможно ли это сделать? Если да, то хотелось бы заполучить код.

   Asked by Zyl9, May 6, 2015

   0 votes
   2 answers
5. Как вставить Flash игру на сайт?

   <object z-index="7"> <embed width="760px" height="560px" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="Buhf" quality="high" src="ts.swf"> </object> Файл игры скачан и называется "ts". Находится в папке с сайтом. Но вместо игры или просьбы включить flash плеер просто белый квадрат. Flash плеер обновлен. Заранее благодарю!

   Asked by suzeren96, March 24, 2017

   • flash
   0 votes
   0 answers
6. Передёргивание страницы на чекинг радио инпут

   1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…

   Asked by seemax, October 4, 2017

   0 votes
   3 answers
7. Две колонки с блоками в них. из одной колонки блоки поподают в другую

   КАТОЛОГ ЭЛЕКТРОТОВАРОВ Кабель и провод ПУНП, ПУГНП, ШВВП ВВГ, ВВГ-нг, ВВГ-нг-ls, АВВГ NYM, NYM-севкабель ВбБШВ, АВбБШВ пвс, кг, А, АПВ, СИП ПВ-1, ПВ-3 КСПВ, ШТЛП, ТРП UTP, FTP, STP, TV-кабель Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки этот блок вообще вправо вылезает в эксплоере Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал,…

   Asked by makel, April 20, 2008

   0 votes
   0 answers
8. Помогите с меню

   В файле есть такой код: <tr> <td class="td2"></td> <td> <a href="#" onmouseover="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11-over.jpg'); return true;" onmouseout="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg'); return true;"> <img name="siteground_Layer_11" src="<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg" width="66" height="29" border="0" alt=""></a></td> <td c…

   Asked by Хаскер, October 24, 2009

   0 votes
   1 answer
9. Проблемы с меню

   Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?

   Asked by Mary_RND, April 26, 2010

   0 votes
   3 answers
10. Пропадают границы в Opera при смене visibility

    Есть такой пример: <html> <head> <style type="text/css"> table { border-collapse: collapse; } TD { border: 1px solid black; } </style> </head> <body> <div> <table cellspacing="0" cellpadding="0" id="FirstTable"> <tbody> <tr> <td> раз </td> <td> два </td> <td> три </td> </tr> </tbody> </table> </div> <br /> <input type="button" value="visible" onclick="document.getElementById('FirstTable').style.visibility = 'visible';" /> <input type="button" val…

    Asked by kidar2, June 4, 2010

    0 votes
    0 answers
11. Проблема с идентификаторами

    Есть две таблицы, одна в другой. У главной таблицы стоит идентификатор, который в котором vertical-align = top. В подчиненной таблице мне нужно vertical-align = middle. Пытаюсь сделать для подчиненной таблицы отдельный идентификатор, но идентификатор главной его перешибает. Помогите, люди добрые!

    Asked by Krakozubra, December 18, 2010

    0 votes
    4 answers
12. Область ввода и line-height

    При line-height в опере отступа от верха нет, в фф есть. В фф появляется непонятный отступ от верхней части области ввода текста при line-height:30px; Как это исправить?

    Asked by manolo, April 16, 2011

    0 votes
    1 answer
13. Валидация лого

    Народ обьясните мне пожалуйста почему при такой записи <a href="#"> <div class="logo"> </div> </a> с XHTML 1.0 Strict валидатор ругается и выдает - document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag. Мне например нужно лого сделать ссылкой .. как ? с этим доктайпом , обьясните плз )

    Asked by MaferoK, July 11, 2011

    0 votes
    2 answers
14. помогите с ошибкой

    body { background:#0e0b06; margin: 0; } #heder { background:url(../images/fon_heda.png) repeat-x; width: 100% ; height: 553px; margin: 0; border: none; position: absolute; } #logotip { background:url(../images/logo.png); } почему не отображается background:url(../images/logo.png); , или я чего то не понимаю в наложении слоев? Код html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/mysite.css"> <title>Моя первая веб-страница</title&…

    Asked by olechic, October 1, 2011

    0 votes
    3 answers
15. цвет фона для текста

    как реализировать кто знает??7 нашел нормальный рабочий вариант для вебкидов Кому интересно <!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" /> <title>Документ без названия</title> <style> body{padding:10px;} #wrapper{ color:red;/*для старых браузеров*/ background:url(1.jpg) repeat;/*фон текста!!!*/ -webkit-text-fill-color:transparent; -webkit-background-clip:text; } </style> </head> <body> <div id="wrapper">…

    Asked by dostel1, November 10, 2011

    0 votes
    2 answers
16. Расположение div'ов с position: relative по горизонтали

    Всем Привет! На странице есть блок content, внутри которого должны распологаться блоки по горизонтали на всю ширину блока(если не влезают, то переходят на новую строку), которые представляют фотоальбом. Блоки .photo_container имеют position: relative, так как в них находятся блоки с position: absolute и с помощью top, left накладываются друг на друга. Пробовал обвернуть .photo_container в другой блок .photo_album с обычным позиционированием, но не помогает, блоки .photo_album находятся друг под другом. Подскажите, может как можно сделать? Желательно средствами css. HTML: <div id="content"> <div class="photo_container"> <d…

    Asked by F_Z_14, January 29, 2012

    0 votes
    1 answer
17. Проблема с div или еще с чем?

    Доброго времени суток, уважаемые форумчане. Я начинающий в этом деле. подскажите, если кто заметит в чем моя ошибка. Буду безмерно благодарен. http://hogw.ru/catalog/ адрес тестовый. Проблемы в следующем. В браузере Explorer блок с содержимым сайта съезжает влево, при сжатии браузера (уменьшении ширины браузера)картинка показывает нормально. Тот же самый блок в Firefox и Chrome остается по центру, как и должно быть. Все вроде бы ничего, но в Chrome появляется другая ошибка, которой нет в других браузерах. В Chrome блок обрывается не доползая до конца страницы. Пытаюсь найти решение так чтобы при написании текста в этом блоке фон (пергамента) доходил до самого подвала стра…

    Asked by strize, May 2, 2012

    0 votes
    3 answers
18. Схлопывание WTF!?

    Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …

    Asked by Hell&Heaven™, July 23, 2012

    0 votes
    4 answers
19. Помогите с верстой меню

    Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…

    Asked by Aleksey_k, December 6, 2012

    0 votes
    5 answers
20. считать и изменить данные из span

    подскажите как сделать данную задачку? через javascript значит есть span <span class="count">1</span> в нём содержится некое число,заранее не известно(в данном примере это 1 ) и есть кнопка. при нажатии на неё надо считать текущее значение из тега span ,увеличить на 1 и записать обратно. собственно как сделать чтение из тега,и запись нового значения? я бы смог это сделать если бы число хранилось в input text.тут считать и записать легко.но как изменять значение в объектах типа див,спан незнаю вообще.подскажите пожалуйста

    Asked by snake2, December 25, 2012

    0 votes
    2 answers
21. Мало буков, но не работает

    Подскажите пожалуйста, почему диву пофиг на все, что ему положено делать? http://jsfiddle.net/xB4KQ/

    Asked by фонарик, February 2, 2013

    0 votes
    3 answers
22. растяжение

    Всем привет, делал по этому макету: http://divhack.com/downloads/study/8/html/ как я понимаю тут резиновая верстка, я вот сделал так: http://createside.com.preview.ihc.ru/ но как видно при растяжении-получается все очень фигово...как это лучше исправить?

    Asked by kl09, March 24, 2013

    0 votes
    2 answers
23. Резиновый дизайн, превышение по высоте.

    Потревожу читающих, если позволите. Будет желание помочь разобраться - продолжайте читать ниже. 2 блока, правому задана высота 100%, но браузеры отображают больше, что приводит к появлению полосы прокрутки (надо без нее). http://cssdesk.com/GMR7V - вот ссылка на код. Спасибо.

    Asked by Тишина, July 10, 2013

    • резиновый дизайн
    0 votes
    2 answers
24. Не много ли букав у меня к картинкам

    Мастера, подскажите пожалуйста, скопировал код (картинка при наведении на текст). Не много ли там текста, может что-то убрать, в смысле не нужное, а то я тупо "скатал"??? Паралельно вопрос: как сделать, что бы картинки под текстом правой колонки оставались в зоне видимости? Они иногда вылезают вправо. Кто не понял, при наведении на название ткани появляется картинка. Спасибо! Забыл ссылку-то: http://jaluzi-rolety.com.ua/price.html#prvert

    Asked by Vic-Tor, November 16, 2013

    • img
    • onmousemove
    • onmouseout
    0 votes
    1 answer
25. Шрифты, однако

    Здравствуйте. Такой вопрос, как прописать шрифты для отдельной части страницы, при двух раскладах. 1)Шрифты не являются стандартными для всех ОСей и тем более браузеров 2)Чтобы два <h1></h1>, к примеру имели разные шрифты. Заранее благодарю

    Asked by oxion, February 1, 2014

    0 votes
    4 answers