HTML Coding

29542 questions in this forum

1. DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?

   Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!

   Asked by Горыныч, February 1, 2010

   0 votes
   6 answers
2. Встроенный плеер, замена object на iframe

   Кратко суть проблемы. Есть сайт на Wordpress, есть аудиоплеер Uppod. Он генерирует код встраивания с помощью тега object с ссылками на (при помощи param): - файл самого плеера (uppod.swf) - файл стиля (номер_стиля.txt) - файл .mp3 Кроме того, в param могут быть прописаны название проигрываемой мелодии и целый ряд дополнительных параметров. (Все необходимые файлы хранятся на моём сайте, не на Uppod.) Wordpress с тегом object работает некорректно, с iframe нормально. На форуме техподдержки Uppod мне сказали, что единственный выход - перейти на использование iframe. Создать страницу с плеером, чтобы вставить в iframe ссылку на неё - не проблема, всё работает. Проблема в то…

   Asked by Natali_Z, August 17, 2014

   • object
   • iframe
   0 votes
   6 answers
3. Как размножить элементы в js?

   Нужно сделать "Летающие кружочки" которые заполнят страницу на указанную высоту. В настройках скрипта нужно иметь возможность указать высоту и ширину распределения объектов, количество копий. Пример распределения объектов во вложении Элементы сделаны с помощью css Должно быть 4 цвета Заготовка: http://codepen.io/seetvael/pen/GjBmbm Пример сделанный с помощью canvas http://codepen.io/seetvael/pen/eBrgVj Он не подходит, так как нужно чтобы элементы могли быть выше одних элементов страницы (инфо блок) и ниже других (меню). Кроме того в примере элементы движутся только при наведении мыши, а не постоянно. Canvas сильно тормозит. Цвет, размер и а…

   Asked by seetvael, December 8, 2016

   0 votes
   3 answers
4. Горизонтальный скролл на мобильной версии сайта

   Добрый день. Возникла проблема при работе над адаптивностью сайта. Использую bootstrap 4, при 575px ширины экрана и меньше появляется горизонтальный скролл. Просмотрел каждый блок сайта, ничего лишнего не вылазит за границу. В чем может быть проблема? Подскажите, пожалуйста. http://sqt.zzz.com.ua/workfordream/

   Asked by Qosmo, May 30, 2018

   0 votes
   3 answers
5. Неправильно отображается всплывающее меню

   Здравствуйте! Товарищи, больше сил нет, с 11 вечера сижу - и никак не получается....Позиционированием пробовал, пробовал выравнивать - не получается....А самое обидное что в ФФ работает, только осел не воспринимает.... В чем собственно проблема - выпадающее меню сделал через css и списки. Но главный пункт - у него является картинка, при наведении на которую и должно всплывать меню. Но в ФФ все работает идеально, а в ИЕ меню раскрывается не вниз, а влево, и уже сил просто нет, что только не продовал - ничто не помогает.... Если сделать первый пункт ссылкой вида <li><a href="/"><img src="menu1.gif" border="0"></a> То в ИЕ тоже начинает вниз открыват…

   Asked by Vcool, December 23, 2008

   0 votes
   12 answers
6. Открытие по клику на фото-миниатюре в новом окне большого фото

   Как средствами HTML сделать следующее: при наведении курсора на изображение-миниатюру, что-бы открывалось большое фото в новом окне, но это окно было без панелей инструментов, ровно в размер большого фото

   Asked by Andrey Taborin, November 29, 2007

   0 votes
   9 answers
7. Засветление рисунка

   Ребята, а сделать так, чтобы не создавать рисунок с изображениями, нормальной картинкой и засветленной и этот код использовать: .menu{ list-type-style:none; } .menu li,.menu a{ width:84px; height:30px } .menu a{ float:left; display:block; background-repeat:no-repeat; background-position: 0 0; } .menu a:hover{ background-position:0 -30px; } .menu .home{ background-image:url(images/button1.jpg); } А проще, как это сделать так чтобы было засветление рисунка, когда на него наводишь указатель мыши? Кажется это нужно делать на js, но нет под рукой примеров

   Asked by okunev2, January 16, 2008

   0 votes
   15 answers
8. Фрейми

   Всем привет! Помогите пожалуйста, создать страницу с размещенными в ней тремя фреймами. Я уже кое-что создал в приобщенном архиве. Что именно нужно сделать: нарисовал в приобщенном файле struktura.jpg. Сами фреймы я уже создал, нужно толкосделать действия, также приобщаю в архиве frame3.rar. Поскольку на Вашем форуме не нашел как прилепить к посту файл, то пришлось виложить здесь на ифолдере. Результати пожалуйста викладивайте здесь или скидуйте на почту: honda07@ukr.net Заранее всем спасибо!

   Asked by nedan, November 2, 2008

   0 votes
   8 answers
9. в ie после завершения li и ul образуется отступ - не понял

   Здравствуйте! читал недавний топик http://forum.htmlbook.ru/index.php?showtopic=6752 но так и не разобрался... я делаю вертикальное меню, и после него вниз идет отступ, правда только в **** ie. В том топике я так понял что человеку помогли, но в чем суть? может у меня не описан стиль для P ? css: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; } в…

   Asked by walaby, December 18, 2007

   0 votes
   13 answers
10. какой способ целесообразней использовать. div или таблицы.

    Гуру верстки, подскажите, каким способом лучше реализовать блок контента с закругленными углами. - Пример макета. Лично я всегда использую таблицы. Я разбиваю изображение на 3 части. Далее создаю таблицу из 3 строк и 1 столбца. В верхнюю строку сую фоном top (высоту и ширину фиксирую). В среднею фоном center (сюда в дальнейшем помещаю контент ). И в последнею самую нижнею bottom (высоту и ширину фиксирую). Подскажите яв-ся ли мой способ правильным ? Хотелось бы услышать как это реализовать с помощью дивов. Простите если пложу темы в поиск не отправляйте, так как прочитал уже много информации на данную проблему. Мне охото услышать мнение знающих людей.

    Asked by Rasel, February 16, 2011

    0 votes
    28 answers
11. Реализация сложного фона средствами CSS

    Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…

    Asked by Radik_45, October 22, 2010

    0 votes
    6 answers
12. О чём лучше создать саййт?

    Чтобы ещё и прибыль приносил!?

    Asked by Gladiator, January 12, 2009

    0 votes
    21 answers
13. Перекрытие Flash - проблема

    Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним. Вот пример: http://e-kao.ru/flash-menu Попробуйте выделить текст рядом с меню. Нужно сделать так, чтобы Flash оставался прозрачным, пункты меню раскрывались над контентом, но и сам контент был доступен для клика. В принципе, сам текст не так важен, но когда под блоком с flash находится ссылка и на нее нельзя кликнуть - очень обидно. При этом в IE все отлично работает. И меню активируется и контент доступен. Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?

    Asked by Dokea, November 29, 2009

    0 votes
    9 answers
14. Большая SWF на заднем плане

    Собственно сабж. Хочу использовать swf-ку размером 800х800 в качестве бекграунда в окне контента. Если использовать этот код, то при наполнении дива контентом, ячейка таблицы, в которой он находится, не растягивается. <div style="position:absolute;z-index:2;"> content </div> <div style="position:absolute;z-index:1;"> <object align=bottom> <embed src="twin.swf" wmode="transparent" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="800"></embed></object> </div> Можно ли это сделать без position:absolute?

    Asked by MTandi, December 4, 2008

    0 votes
    4 answers
15. В Мозиле вместо русского текста "кракозябора"

    Вот мой код: <html> <head> <title> Добро Пожаловать </title> <link rel="stylesheet" type="text/css" href="/style2.css"> <META name="Author" CONTENT=""> <META name="copyright" content=""> <META name="keywords" content=""> <META Name="description" Content=""> <script type="text/JavaScript" src="/script.js"></script> <script type="text/JavaScript" language="JavaScript"></script> <link rel="icon" href="/Untitled.png" type="image/x-icon"> <link rel="shortcut icon" href="/Untitled.png" type="image/x-icon"> </head> <body> В опере и эксплорере ру…

    Asked by SLY87, November 12, 2009

    0 votes
    5 answers
16. проблема расположения картинок в навигации.

    Сделана навигация. на примере http://www.vw.com/specialoffers/en/us/#eos, центральная навигация. Подскажите как сделать чтобы разделитель не выглядывал,когда кнопка переключателя активна. код CSS. И как сделать,чтобы на активной кнопке цвет текста был активный и не менялся. Подскажите кто может, делаю первый раз и зависла. Сам код: <div id="object1"> <h1></h1> <table class="table1" cellspacing="0" cellpadding="0"> <tr> <td id="td1" onClick="Div_Act(div1, td1);" class="activ1" align="center"> <a href="#" class="menuTabl">'08 lease special</a> </td> <td id="td2" onClick="Div_Act(div2, td2);" class="passiv1" a…

    Asked by karolinka3110, October 30, 2007

    0 votes
    10 answers
17. Как заствить ИЕ понимать overflow:hidden;?

    Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь

    Asked by reboot, March 19, 2009

    0 votes
    17 answers
18. Проблема с отображением PNG в IE

    Здравствуйте ! Для моего проэкта мне необходимо горизонтальное меню, чтоб при наведении на нее курсора, элемент меню подсвечивался, текст не изменялся в цвете, изменялась стрелочка-индекатор, которая указывает на то что это выпадающее меню. Вот фрагмент ,того как это выглядит у меня в Opera : Собственно на браузере Opera задача выполнена так, как надо! А на IE тот же фрагмент меню выглядит вот так : Заметьте, что по краям моих png'шек в IE обрисовалась странная рамка. Вот собственно вопрос, как от нее избавиться? CSS #nav li.hover img {background-image:url(img/active.png); border:none;} .bullet { background-image:url(img/inactive.png); border:none; width:10px…

    Asked by monkeymafia, March 13, 2010

    0 votes
    6 answers
19. ширина div в ie6 другая

    Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет) вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="header"> <div id="header-left"> </div> <!-- #menu--> <div id="header-right"> </div> <!-- foto --> <div id="header-center"> </div> <!-- #цитата--> </div><!-- #header--> …

    Asked by Chebas, March 29, 2010

    0 votes
    9 answers
20. Проблема с эффектом перекатывания.

    Всем привет! При попытке организовать меню с помощью одного CSS. столкнулся с проблемой. Делать пытался по советам уважаемого Влада М. http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee Не удалось добиться кроссбраузерности (кажется таким словечком это свойство зовут). Словами описывать долго все мое горе в архиве (180к) http://up.iteam.ua/104480 Может найдется добрый и знающий, и покажет пальцем на ошибку , совсем начинающему.

    Asked by yugov, February 10, 2011

    0 votes
    22 answers
21. font-face кириллица

    На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…

    Asked by theo_, June 10, 2011

    0 votes
    4 answers
22. Невидимая вертикальная прокрутка

    День добрый всем! Ребята, подскажите как на css избегая js сделать область фикированную шириной и высотой и чтобы внутри текст прокручивался при наведение курсора и нажатии стрелок вниз верх на клвиатуре? пробывал: overflow: hidden но не очень удобно

    Asked by okunev2, January 9, 2009

    0 votes
    8 answers
23. Правильное отображение HTML5 и CSS3 в Safari5 и IE8

    Всем привет! Хочу спросить вас: есть ли какое-то решение для правильного отображения сайта на html5 и css3 для safari5 и ie8 и ниже? Если есть, то подскажите его пожалуйста!

    Asked by sayapinant, October 22, 2013

    • ie8
    • safari
    • html5
    • css3
    0 votes
    10 answers
24. background-image и картинка на локальном диске

    Здравствуйте! Пытаюсь задать картинку на фон, которая хранится на компьютере, но ничего не получается. Все 3 файла (.html, .css и картинка .jpg) лежат в одной папке (new) на рабочем столе. Если в адресе картинки указываю ссылку на эту картинку в интернете всё работает. В чём ошибка? Как установить картинку, которая хранится на компьютере? Спасибо за ответы.

    Asked by jonson92, November 6, 2017

    0 votes
    2 answers
25. вставка картинки как маркера списка

    Я создаю меню на своем сайте. Для того, чтобы сделать его красивым, попробовала вставить маркированный список, маркером сделала картинку - теннисный мячик. Но возникла проблема, мячик по отношению к кнопке меню находится выше, а мне хотелось бы чтобы и маркер и кнопка находились на одном уровне. Как это сделать. Как получается меню:

    Asked by Ксения :), July 20, 2007

    0 votes
    6 answers