HTML Coding

29542 questions in this forum

1. 3 колонки в одном диве

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

   Asked by devid89, August 18, 2013

   0 votes
   5 answers
2. Позиционирование в разных браузерах!

   #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
3. Нужно реализовать такую фишку скрывать краткое описание

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

   Asked by virtas, November 29, 2014

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

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

   Asked by Orysya, January 4, 2015

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

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

   Asked by Zyl9, May 6, 2015

   0 votes
   2 answers
6. Как вставить 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
7. Передёргивание страницы на чекинг радио инпут

   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
8. Две колонки с блоками в них. из одной колонки блоки поподают в другую

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

   Asked by makel, April 20, 2008

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

   В файле есть такой код: <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
10. Проблемы с меню

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

    Asked by Mary_RND, April 26, 2010

    0 votes
    3 answers
11. Пропадают границы в 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
12. Проблема с идентификаторами

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

    Asked by Krakozubra, December 18, 2010

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

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

    Asked by manolo, April 16, 2011

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

    Народ обьясните мне пожалуйста почему при такой записи <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
15. помогите с ошибкой

    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
16. цвет фона для текста

    как реализировать кто знает??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
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