HTML Coding

29542 questions in this forum

1. css или jquery?

   как сделать чтобы картинка при наведении менялась плавно с черно-белой на цветную?

   Asked by olechic, April 9, 2012

   0 votes
   5 answers
2. Резиновая верстка, позиционирование, вопрос

   Как сделать стили чтобы для макета на картинке в хтмл блоки шли в таком порядке: <div id="content">MAIN CONTENT</div> <div id="left">LEFT SIDEBAR</div> <div id="right">RIGHT SIDEBAR</div> <div id="footer">HEADER</div> <div id="footer">FOOTER</div>

   Asked by datum, November 7, 2012

   0 votes
   5 answers
3. Text-shadow в IE lt 10 для кнопки и input[text]

   Доброго времени суток уважаемые форумчане. Реализовать text-shadow для статичного текста в ранних IE не проблема, благо есть фильтры, плагины jQuery и техника подложки. Столкнулся с проблемами добавления text-shadow тексту на кнопке и в поле ввода. 1. Кнопка Условия: кнопка с градиентом, тенью и текстом с тенью. Скриншот Попытки: a) Реализовать просто <a>: не универсально при желании использовать input[button], фильтры и плагин jqueryTextShadow создают тень для всего блока <a>, не только текста. б) Реализовать <а><span>text</span></a>: опять же не подходит для input[button] и span блокирует ховеры и клики по кнопке в IE (сделать его про…

   Asked by only_dimon, June 7, 2013

   • ie
   • text-shadow
   • кроссбраузерность
   0 votes
   0 answers
4. Контент не встаёт на место

   Помогите пожалуйста.Я пытаюсь сверстать сайт но у меня возникла проблема.Я пытаюсь сделать меню как на Одноклассниках,то есть чтобы контент уходил под меню но у меня контент проходит над меню. Код меню css: #menubar { margin-bottom: 12px; position: fixed; top: 0; width: 100%; }.mbar { height: 52px; background: url("../images/menu/mbar.png") no-repeat; }.mbar .mbar { background-position: 100% -52px; }.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }.menubar { height: 47px; background: #3f4b51 url("../images/menu/mbar.jpg") no-repeat 100% 0; }.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }.menubar ul li, …

   Asked by jucator, December 28, 2013

   • контент место css html меню
   0 votes
   3 answers
5. Верстка макета

   Нужно сверстать такой вот макет. Ширина #PageContent - статическая, слева и справа полосы однаковой ширины. Размеры #header и #footer - указаны в пикселях. Ширина #ContactInf и #MainInfo статиская, а высота растягивается в зависимости от содержимого. При этом ни одна из этих колонок не должна вылазить на #footer. Заранее благодарю всех ответивших.

   Asked by Singer, July 1, 2009

   0 votes
   3 answers
6. проблема при верстке меню

   пытаюсь сверстать навигацию код следующий <div style="height: 40px;"> <div style="width: 4px; height: 40px; background:url(bg_menu1.jpg); float: left;"></div> <div style="height: 40px; background:url(bg_menu2.jpg);"></div> <div style="width: 4px; height: 40px; background:url(bg_menu3.jpg); float: right;"></div> </div> при отображении в браузерах скачут дивы. в чем моя ошибка.

   Asked by marcouk, March 17, 2010

   0 votes
   4 answers
7. маленький хелпик html and css

   Подскажите ссылочки на полные учебники. хочу перечитать и набраться новых знаний

   Asked by xotabb, May 13, 2011

   0 votes
   4 answers
8. Немного съезжает текст в IE.

   Добрый день, понимаю что вопрос банален до безобразия, но все же, в верстке не так давно и не могу решить проблему отображения строки в IE, во всех других браузерах отображается корректно. Ниже картинка с самой проблемой. вот как должно быть и как отображается в Google Chrome: А вот как обображается в IE. "Моська" - статический элемент, а вот " - название раздела" добавляется автоматически, в зависимости от раздела в котором находимся. Так вот почему так смещается текст и как это смещение убрать? Заранее спасибо. вот сайт snobstore.ru

   Asked by kmaroff, March 22, 2012

   0 votes
   9 answers
9. Достучатся до дочернего элемента неизвестной глубины (CSS)

   Есть форма, она охватывает пол страницы, на странице много элементов для заполнения, разложенных в различных положениях, так, что не возможно прописать к каждому из них путь. Стало интересно, есть возможность прописать их всех от формы, не проставляя каждому отдельно класс? Что-то вроде #forma * input { width:200px; } Есть какой-нибудь сценарий такой реализации?

   Asked by animegirl, May 20, 2012

   0 votes
   4 answers
10. Центрирование DIV-ов

    Внешний див #wrapper {margin: 0 auto; width: 1000px;} Внутренний .design{margin: 0 auto; width: 100%; display: block;} Из-за того что внутренний блок может иметь разную ширину, и если она больше 1000 px, изображение не центрируется( если меньше 1000 px, всё нормально. Необходимо чтобы внутренний див центрировался по отношению в внешнему. К сожалению, нигде нет решения подобной реализации. Подскажите пожалуйста, если кто сталкивался.

    Asked by Shattenok, July 22, 2012

    0 votes
    5 answers
11. Как сжать изображение по горизонтали, оставив его высоту?

    Здравствуйте. Использую стиль: .moduletable_displaynews>div>div>div>a>img{ width:97px; height: auto;/*и без этой строки*/ } Не знаю что произошло, раньше получалось. Изображение сжимается пропорционально в результате. Надо чтобы высота оставалась. Есть несколько изображений, регулирующихся этим стилем, и высота у них разная. Поэтому задавать размер высоты конкретным не вариант. Как должен выглядеть стиль для этой цели?

    Asked by borus, December 17, 2012

    0 votes
    5 answers
12. Проблема с рамкой input-а, и градиентом в chrome

    Здравствуйте! Вокруг input-а рамка которую никак не получается убрать, и куда-то ушуршал градиент на кнопке. Вот пример: http://jsfiddle.net/RR6hG/10/ В Opera все отлично, в IE10 тоже. Firefox еще не понимает флексбоксы. Однако Google Chrome отображает загадочный border вокруг input-а (НЕ во время фокуса, а вообще) и неотображает градиент. Подскажите, пожалуйста, что делать?

    Asked by Mortician, February 1, 2013

    • chrome input border градиент
    0 votes
    2 answers
13. Проблема с инструментами разработчика Chrome

    В последние 2 недели возникает иногда проблема с инструментами разработчика Chrome. Обычно в хроме возле селектора всегда был написан файл и номер строки, теперь иногда перестает показываться. С чем это вообще может быть связано?

    Asked by da4ka, November 5, 2014

    • Chrome
    0 votes
    4 answers
14. Несоосность линий

    Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. H…

    Asked by tt48, June 20, 2015

    0 votes
    4 answers
15. NaN не ровно NAN ?

    Смотрите: var n=prompt(); // Если ввести строку n=+n; alert(n); // И вывести непосредственно alert(n); То выводит NaN Но если проверить n==NaN будет false

    Asked by aqua.77, March 16, 2017

    0 votes
    4 answers
16. Верстка темы под tumblr.com

    Как сверстать тему под блого-сервис "Тумблер"? Есть опыт у кого и советы какие будут, ограничения?

    Asked by Garamond, October 29, 2017

    0 votes
    1 answer
17. проблема с формой регистрации в ie6

    в верстке я далеко не спец, но очень нужно сделать как надо, проблема по адресу http://plus-strahovanie.ru/index.php?page=reg центральный блок в ие6 проваливается вниз ..Как это исправить незнаю..даже после того как я убираю все стили связанные с формой ситуация не меняется .. подскажите пожалуйста где копать?! вот часть хтмля <form method="post" action="" onsubmit=" if(this.name.value==''){alert('Заполните поле ФИО');this.name.focus();return false;} if(this.login.value==''){alert('Заполните поле Логин');this.login.focus();return false;} if(this.password.value==''){alert('Заполните поле Пароль');this.password.focus();return false;} if(this.password.value!…

    Asked by RobotWerder, March 9, 2009

    0 votes
    2 answers
18. Не работает скролл над флешкой

    Народ, помогайте! В ИЕ, когда курсор мыши находится над флешкой, не работает скролл колесом мыши. Что сделать чтобы он работал?

    Asked by Dimon-rus66, April 29, 2009

    0 votes
    3 answers
19. Плавующие блоки

    Мне надо сделать такую штуку, Три блока расположены один за другим, а есть они все, или несколько не умещаются на странице, то чтобы некоторые падали одна под другую. Вот примерчик: Посоветуйте, что-нибудь. Если можно примерчик. Спасибо.

    Asked by rar14, October 8, 2009

    0 votes
    3 answers
20. Футер в каждой ячейке таблицы

    Добрый день. Есть большая проблема, которая застопорила весь процесс работы. Существует таблица в 2 колонки с border-spacing: 5px; (cellpadding="5") Каждой td задана граница 1px В итоге получается некое подобие сетки по 2 блока одинаковой высоты в каждой строке. Соответственно, блоки в одной строке тянутся по высоте блока, имеющего максимальную высоту. Ниже пример одной из строк Количество текста в каждом блоке - неизвестно, по высоте - резина. В каждой ячейке может присутствовать блок дополнительных ссылок. Важно: их может и не быть. Т.е. например, в левом блоке они есть, а в правом - нет. Проблема заключается в том, что очень нужно, чтобы эти блоки ссылок ВСЕГДА распо…

    Asked by zoibana, February 26, 2010

    0 votes
    5 answers
21. Шаблоны приложений есть?

    11111111

    Asked by Сергей2341, April 27, 2010

    0 votes
    4 answers
22. Проблема в подчеркивании ссылок при наведении и нет

    Здравствуйте. Возникла проблема с подчеркиванием ссылок, решить никак не могу. Вот мой сайт http://blog-invest.ru/, надо сделать так, чтобы заголовки постов были выделены красным и подчеркнуты, а при наведении цвет бы менялся на черный и подчеркивание убиралось. Я сколько не пытался, ничего не получилось. По идее вот тут надо порыться, чтобы настроить h3.h1 { color:#B30000; font-size:22px; text-decoration:underline; } h1 a, h3 a, h1 a:visited, h3 a:visited { text-decoration:none; } h1 a:hover, h3 a:hover { text-decoration:none; однако сколько не пробовал - ничего не получалось. Вообще с CSS мало знаком, поэтому вот и прошу у вас помощи. Спасибо заранее.

    Asked by deco90, November 10, 2010

    0 votes
    3 answers
23. Я подавлен.Как закинуть всплывающее окошко?

    вот что я накатал.. <a class="mars" href="mars.html"></a> все норм отображается,но я хотел бы чтобы всплывало еще и окошко с названием Марс.я делал так.. <a class="mars" href="mars.html" alt="Марс"></a> Но все равно не работает.как быть? Я еще в интернете видел всплывающие подсказки выполненные с помощью css,но они не подходили к моему элементу...Видимо из за того,что подсказки предназначены для текста.=( Мне также советовали сделать так... <span class="title" class="mars">Поволжье( слово...при наведении на которое появлялось окошко)<em>Подсказка Марс<i></i></em></span> вот видите? именно для текста а мне для эл…

    Asked by tolya100595, December 3, 2010

    0 votes
    4 answers
24. Салага молит о помощи!

    body,html{ margin: 0; padding: 0; text-align:center; background-image:url(5.png); } #container{ min-width:500px; width:100%; margin: 0; text-align:left; } #header{ background-color:#9C3; } #left{ backdround-color:#3C0; width:150px; float:left; } #right{ background-color:#FFF; float:right; width:150px; } #content{ background-color:#CCC; margin-left:152px; margin-right:152px; } #clear{ height:0px; front-size:1px; line-height:0px; clear:both; } #footer{ background-color:#6F0; } Помогите найти ошибку в css. долго сидел, но вот решился на крайние меры, сильно не ругайте, ведь только неделю этим день занимаюсь)) ЗЫ прробел между шапкой с контентом не уберется. заранее спасибо…

    Asked by zab1yaka, January 10, 2011

    0 votes
    3 answers
25. Тень и выравнивание по центру

    Приветствую товарищей дизайнеров и прошу подсказать насчёт 2 небольших вопросов. 1. Есть элемент с id aaa. Он выводит на экран различные уведомления. Подскажите, как сделать так, чтобы тень была не от всех элементов находящихся внутри, а от рамки этого элемента, который с id aaa? И, правильно ли я задал его расположение? Элемент должен выводиться в центре окна браузера. CSS: #aaa { background: #eee; border: 1px black solid; border-radius: 6px; text-align: center; padding: 5px; position: fixed; left: 25%; top: 25%; text-shadow: 0.1em 0.1em 0.15em #555; } 2. Подскажите, как выровнять сайт по центру?

    Asked by Sandr, August 7, 2011

    0 votes
    4 answers