HTML Coding

29542 questions in this forum

1. Как сделать изображение на странице

   Есть задумка сделать рекламку на странице чтобы она оставалась всегда в одном и том же месте,а не прокручивалась вместе со всем контентом.То есть по верх всего контента.Но у меня Джумла,там PHP и есть ли возможность туда затолкать Html код?Чтобы можно было залинковать эту рекламу на что либо.Типа как на Юкозе реклама в правом верхнем углу.Подскажите пожалуйста.

   Asked by stardel, March 3, 2010

   0 votes
   2 answers
2. Высота вложенного блока ограничивается высотой родительского

   Не могу понять. Делаю выпадающее меню и тут такой непонятный расклад возник. В общем, блок выпадающего меню обрезается по высоте. Если увеличить высоту #header, то тогда всё норм. Но мне надо бы оставить высоту #header без изменений. Я что-то вообще не могу понять, почему оно обрезается. Вот ссылка на проблему: http://rubanys.narod.ru/index.html

   Asked by Belovsan, August 26, 2010

   0 votes
   2 answers
3. Adaptation of the subscription form

   Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }

   Asked by Lesia, June 11, 2021

   0 votes
   6 answers
4. label для radio

   <dd class="answer"> <input type="radio" id="user_radio_input" name="Vote[answer]" value="0" class="radio_button"> <label for="user_radio_input"> <input type="text" name="Vote[user_answer]" class="input_button" value="Ваш вариант" /> </label> </dd> Здравствуйте, нужно чтобы при нажатии на input с текстом, radio button установилась в активное состояние, сделал так, но не работает =( Помогите исправить. Пробовал в Опере. В хроме оказывается работает и нормально переходит, в ФаерФоксе работает, только не получается ввести текст в инпут, так как вечно перебрасывает фокус на радио буттон, что впринципи логично. Видимо при…

   Asked by like2dev, July 19, 2011

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

   Есть достаточно сложное горизонтальное меню Вот css код: .menu LI { float: left; display: block; position: absolute; } .menu LI A { display: block; } .menu LI A:hover { display: block; text-indent: -9999px; overflow: hidden; /*+opacity:80%;*/ -moz-opacity: 0.8; opacity: 0.8; } .li1 { left: 80px; top: 88px; z-index:1; } .li1 A { width: 62px; height: 63px; background-image: url(img/onas.png); background-position: 0px px; } При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?

   Asked by Sedacove, October 15, 2011

   0 votes
   5 answers
6. Растяжка

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

   Asked by sdasddsa, November 3, 2011

   0 votes
   3 answers
7. Посоветуйте html редактор

   Привет всем! Я верстал всегда на HTMLReader и столкнулся с проблемой: в редакторе страница отображается иначе нежели в браузерах Мозилла и Хром. Посоветуйте не сложный редактор по типу ридера, но с правильным отображением верстки. Спасибо!

   Asked by jerry, May 27, 2012

   0 votes
   4 answers
8. как сделать резиновую кнопку валидную под ие7

   Всем привет. Помогите пожалуйста. столкунлся с такой проблемкой. Поручили мне сделать шаблон кнопки (резиновой) фактически состоящей из 3-х частей 1) это левая часть в ней рисунок вида < 2) резиновая часть для текста 3) правая часть с рисунком вида < То есть условно <:текст:< Хотел я это сделать 3-мя блоками внутри главного блока 3 блока с float: left все как бы нормально за исключением того что в ИЕ 3 вложенные блока переносяться каждый на отдельную строку Прочитал в нете что это глюк ИЕ7 что он не правильно считает ширину родительского блока В результате пришлось верстать ТАБЛИЦЕЙ. Вот что то на подобии <button id="basket_checkout" class="button" name="…

   Asked by kent666, July 5, 2012

   0 votes
   2 answers
9. Проблема с кроссбраузерностью

   Всем по привету! В общем проблема как всегда с кроссбраузерностью. Сделал меню из картинок-при наведении мыши на категории меняется цвет. В Хроме, Mozilla, IE - всё работает правильно. Но при наведении мыши на последние две категории в Opera(версия 12.0), категории цвет не меняют. Вот демо: http://salkstudio.ru/demoo/ ________ p.s в курсе кто нибудь как избежать проблему обработки изображений в разных браузерах. (в Хроме,Opera,IE - картинки мало контрастные, в Mozilla всё как надо)

   Asked by Salk, October 10, 2012

   0 votes
   3 answers
10. Прозрачные границы у таблицы

    В общем не хотят границы у таблицы быть прозрачными. Есть выход? http://jsfiddle.net/G3Qu7/

    Asked by Zverushka, December 18, 2013

    0 votes
    2 answers
11. Помогите переделать содержание темы

    Здраствуйте. Установил тему на wordpress. http://pravvo.org.ua/ В контенте сайта, под слайдерами, идут записи, они идут квадратиками, блочными или как сказать я не знаю. Т.е. 2 записи в строку. Мне нужно сделать что бы ОДНА запись была в строке. Как на скриншоте, что бы Статься была в строке: http://s018.radikal.ru/i516/1312/75/3c27234d7aed.png ВОТ эта тема: http://wp-templates.ru/hueman/

    Asked by sourcedm, December 24, 2013

    • Правка темы
    0 votes
    2 answers
12. Row span наоборот

    Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)

    Asked by stardel, April 18, 2014

    0 votes
    4 answers
13. Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?

    Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.

    Asked by Koroed, July 21, 2014

    0 votes
    0 answers
14. Правильная кодировка для мобильных сайтов

    Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.

    Asked by Yur85, August 7, 2014

    0 votes
    6 answers
15. Ссылка на всю высоту

    Как сделать ссылку на всю высоту? http://codepen.io/anon/pen/KpZdJG

    Asked by user, June 26, 2015

    0 votes
    4 answers
16. Bootsrap psd нету

    Не могу найти psd макета для bootstrap, кто то может скинуть с уже простенький выставленной сеткой ?

    Asked by аркей, October 6, 2015

    • psd маскет bootstrap
    0 votes
    1 answer
17. Не работает обратная связь

    Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо

    Asked by Edmaynert, May 20, 2017

    • обратная связь на сайте
    0 votes
    1 answer
18. Относительный размер шрифта(smaller) дает отличный результат если задать размер явно.

    Доброго дня всем. Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller. Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?

    Asked by pitchcontrol, September 26, 2019

    • font-size
    • css
    0 votes
    2 answers
19. Стили ссылок

    Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru

    Asked by Patriot_spb, January 23, 2009

    0 votes
    2 answers
20. Убрать тайтл картинки

    Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?

    Asked by od_lazio, April 29, 2009

    0 votes
    1 answer
21. Нестандартный выпадающее меню

    Делаю выпадающее меню, 3 уровня. Проблема в том что 2-й уровень должен иметь св-во overflow-y:scroll; так как пунктов может быть ооочень много. Из-за этого 3-й уровень не выходит за пределы 2-го. Кто сталкивался подскажите как решить проблему. Код ниже <style> ul.layer1 li {position:relative;} ul.layer2 {display:none; position:absolute; background:#fff; overflow-y:scroll; border:1px solid silver; padding:10px; top:10px; left:10px; z-index:100; list-style:none;width:150px; } ul.layer1 li:hover ul.layer2 {display:block;height:200px; z-index:100;} ul.layer3 {display:none; border:1px solid silver; position:absolute; background:#fff; padding:10px; top:10px; left:10px…

    Asked by hel, August 20, 2009

    0 votes
    1 answer
22. Проблема с меню...

    Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. файл http://files.mail.ru/V29REF

    Asked by smog, October 1, 2009

    0 votes
    1 answer
23. как оптимизировать большие изображения?

    Тема вроде бы тривиальная, но как-то окончательно в голове не укладывается. Вот из того что пока я нашла в инете получается 2-а основных метода оптимизации: 1) непосредственно работа с качеством, цветами, свойствами и т.д., что бы был минимальный размер; 2) нарезка изображения и вставка в таблицу. Хотелось бы узнать: 1) как лучше вставлять "тяжелые" изображения при верстке сайта; 2) если у нас такое "тяжелое" изображение является background, например в header, как тогда быть?

    Asked by nuna, February 16, 2011

    0 votes
    5 answers
24. проблема с дивом

    Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…

    Asked by demi, April 11, 2011

    0 votes
    7 answers
25. Таблица, стиль background в теге TH - разрывы

    Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…

    Asked by Bertie, June 24, 2011

    0 votes
    4 answers