HTML Coding

29542 questions in this forum

1. float в inline-block

   Добрый день. Как известно инлайн блоки выстраиваются по базовой линии самой нижней строки текста(а если пустой - то нижняя граница элемента). Так вот - http://jsfiddle.net/DPWUP/2/ собственно пример это демонстрирует. Теперь, если блоку inner-2 задать float то все по прежнему как ожидается - текст выровнен по общей базовой линии. А теперь удаляем нижний span, и в итоге блок прыгает наверх. Собственно я понимаю, что блочные элементы выпадают из потока, но что происходит в данном случае конкретно? С точки зрения спецификации.

   Asked by USF, August 21, 2012

   0 votes
   2 answers
2. Два дива по горизонтали, каждый по 50%

   Доброго всем дня! Подскажите, как создать в блоке "content"-->>"tab1" два блока равные 50% и расположенные по горизонтали (на данный момент один под другим). <style> #content {width:1000px; overflow:hidden; background: #fff; border-top: 2px solid #3d3d3d; padding: 2em;} .left-col{float: left; width:50%; border:1px solid #FF0000; margin-right:5px; margin-bottom:5px; padding: 0px 5px 0px 5px; } .right-col{float: left; margin-left: auto; border:1px solid #FF0000; padding: 0px 5px 0px 5px; } .title{width:100%; height:25px; background: #FFC; margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:10px;} </style> </head> <div id="conte…

   Asked by fabol, September 16, 2012

   0 votes
   0 answers
3. Верстка нестандартного меню

   Добрый день. Мне понадобилась помощь в решении данной проблемы, вот я и решил обратиться сюда. Требуется создать меню такого типа: Проблема конкретно с версткой. Способ придумал, но не знаю, как его воплотить в жизнь. 1. Сделать фоновое изображение (круг). 2. Указать координаты, при наведении на которые будет заменяться картинка. (в этом и проблема, что я не знаю, как это сделать) Заранее спасибо. :)/>

   Asked by baron, November 18, 2012

   0 votes
   5 answers
4. Видео на сайте

   Поздравляю всех с Праздниками! Всего вам самого лучшего и радостного! Подскажите пожалуйста: хороший flv плеер для html-страницы, чтобы подгрузка видео происходила когда стоит пауза (как на Ютуб) что влияет на скорость загрузки видео на сайте, видео лежит на хостинге вместе с сайтом, и как можно повысить скорость загрузки, не уменьшая качество видео?

   Asked by Звездочка, January 6, 2013

   0 votes
   1 answer
5. Резиновый макет по высоте

   Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?

   Asked by Vulner, July 21, 2013

   0 votes
   2 answers
6. Добавление цветной полоски позади скроллера

   Здравствуйте. Использую jQuery custom content scroller, вот отсюда http://manos.malihu.gr/. появилась идея сделать так, что бы делать цветным пройденный путь скроллера где то вот так http://joxi.ru/b6bYU_3JTJBmDo5nNUE. Вот сижу думаю, ничего в голову не приходит, может кто то сделал уже, поделится) Буду очень благодарен. JsFiddle http://jsfiddle.net/PY66D/, демо плагина можно увидеть тут http://manos.malihu.gr/tuts/custom-scrollbar-plugin/max-width_example.html нажать пару раз на Add Content.

   Asked by Нарек, July 30, 2014

   0 votes
   5 answers
7. Разъезжается меню

   Добрый день. Есть сайт fedorgroup.ru при нажатии по главному меню все нормально, но как только нажимаю отправить запрос - посмотрите сами что происходит. Из-за чего проблема?

   Asked by cheezy, October 27, 2014

   0 votes
   2 answers
8. Появился непонятный блок

   Добрый день. Разрабатывал этот сайт на локальном хостинге, всё без проблем. После того, как залили на хостинг в верху сайта появилась какая то фигня Сам сайт на Wordpress. Пробовал отключить header.php Стили, скрипты работать перестают, но эта фигня всё равно выходит. Поэтому думаю дело не в нем. Подскажите пожалуйста, как можно эту беду побороть?

   Asked by jdk, February 13, 2015

   0 votes
   1 answer
9. Вопросы по верстке футера

   Доброго времени суток. Верстаю футер. В процессе возникло несколько вопросов. 1) По макеты нужно, чтобы 3 колонки были в одну линию. Выставляю все необходимые отступы, и, к примеру, в мозиле все нормальна, а в хроме последний блок съезжает вниз. Как такое можно исправить. 2) Почему то textarea немного смещен относительно других input в последнем столбце. Почему так происходит? У placeholder в textarea шрифт почему то отличается от всех остальных. Как это можно победить? http://a96362zl.bget.ru/index.html

   Asked by IvanRu08, May 9, 2016

   0 votes
   1 answer
10. Проблема с воспроизведением SWF и FLV-файлов в Dreamweaver

    Здравствуйте!У меня возникла проблема. Я изучаю сейчас вставку SWF и FLV-файлов в Dreamweaver. Вставлять получается, но они не проигрываются в окне Adobe Dreamweaver и в разных браузерах(кроме Mozilla),пишется, что нужно обновить версию Flash-player, я и обновил на разных браузерах. Но все равно не удается посмотреть локально на своем компьютере. Что можете посоветовать?

    Asked by Bondiana, May 19, 2011

    0 votes
    2 answers
11. Проблема со ссылками очень много страниц, важно

    У меня на сайте много страниц, создаю в dreamweaver и каждый раз при создании страниц ссылки в приходится изменять, ( ссылки такие :n55,n56,n57... ).как зделать, так чтобы взависимости от url последующие страницы меняли свой код очень надо. ... 55 56 57 58 59 60 61 62 63 64 ...

    Asked by rrrrrrrrrr, May 19, 2011

    0 votes
    1 answer
12. проблема с relative в IE8

    Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…

    Asked by Odrin, December 13, 2011

    0 votes
    2 answers
13. Наезды блоков

    Имеется контент сайта. По боках - 2 блока, по середине Карта. Проблема в чем - на маленьких экранах (типа айфона либо айпеда) - 2 блока вьежают в карту. Что хочется? Чтоб все 3 блока (карты + 2 остальных) - уменшались. width 100% не помогает.

    Asked by mdxclr, January 2, 2012

    0 votes
    2 answers
14. Выпадающее меню

    Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }

    Asked by elstargroup, February 12, 2012

    0 votes
    1 answer
15. Счётчик нажатия,возможно ли?

    Примечание: Пожалуйста не пишите что то типо, иди делай на php или на фига это нужно, меняй хостинг Здравствуйте у меня возник вопрос возможно ли создать "кнопку счётчик" на HTML, тоесть счётчик нажатий на кнопку Допустим зашли на сайт нажал кнопку и около кнопки прибавилось 1 раз на неё нажали допустим было 80 на кнопку нажали стало 81 И чтобы только 1 человек мог нажать только 1 раз, дапустим проверка по ip или запоминание Куки Возможно ли такое сделать ? сайт стоит на хостинге narod.ru

    Asked by daguda, May 17, 2012

    0 votes
    1 answer
16. Аномальная рамка вокруг изображения

    В процессе адаптации шаблона столкнулся с какой-то аномальной рамках вокруг изображения. Исходный шаблон: http://demo.rockettheme.com/joomla25/fresco/ Адаптированный шаблон: http://olegsuv.com.ua/fresco/ Проблема заключается в рамке вокруг большого изображения: http://puu.sh/1oBr4 (скриншот). Сверху и слева - серая линия, снизу и справа - белая линия. Рамку вижу в последних опере и хроме, средствами разработчика уже перерыл вдоль и поперек - найти рамку не могу. Помогите с ней разобраться, пожалуйста.

    Asked by olegsuv, November 10, 2012

    0 votes
    2 answers
17. Приоритет стиля

    Как правильно определяется приоритет стиля? В Самоучителе используется система начисления "баллов" за каждый использованный в правиле селектор (от 1 до 1000). И это означает, что если в правиле используется 11 классов/псевдоклассов/атрибутов (гипотетически), то они набирают 10х11=110 баллов и "перебивают" правило с id у которого 100 баллов. По этой системе выходит, что более приоритетный селектор возможно перекрыть, используя более 10-ти селекторов из предыдущего "класса приоритетности". В другом источнике мне попадалась информация, что никакого подобного подсчета не производится, а приоритет определяется типом селектора. И id всегда будет выше всех любых классов, псевдок…

    Asked by Kray Storm, December 9, 2012

    0 votes
    2 answers
18. Позиционирование элементов

    Ребята, покажите пожалуйтса в чем ошибка. http://47823.selcdn.ru/vst/index.html С Фаерфокса если смотреть - стрелочки в последних двух ячейках таблицы прижимаются к левому краю экрана

    Asked by ghrd, December 23, 2012

    0 votes
    1 answer
19. Как сделать так

    Нужно для сайта сделать так , что когда наводишь на картинку, виводиться 2 иконки, одна например переходит по ссылке , другая увеличивает картинку Вот пример Пример взят з сайта

    Asked by george, February 2, 2013

    0 votes
    1 answer
20. Расположить блоки по ширине родителя

    Добрый день! Есть следующий код html и css: <!DOCTYPE html> <html> <head> <title>test-page</title> <meta charset="utf-8" /> <style> body {margin: 0px;} header {width: 1000px; margin: 0px auto} #a {width: 300px; float: left; background: #27408B} #b {width: 200px; float: right; background: #008B00} #c {background: #CD2626; height: 150px} #a, #b {height: 100px;} </style> </head> <body> <header> <div id="a"></div> <div id="b"></div> <div id="c"></div> </header> </body> </html> Задача. Левый синий блок (div id="a") и правый зеленый (div id="b") имеют непо…

    Asked by zodcyi, August 18, 2013

    0 votes
    1 answer
21. меню+спойлеры

    Доброго времени суток. Есть 6 разделов в меню. Список разделов не маркированный. Само меню сделано плавающим (на javascript) Вопрос такой: Как проще и эргономичнее реализовать такое: каждый раздел должен иметь свою картинку, и являться спойлером (или выпадающим подразделом, как удобнее будет). Желательно с использованием javascript. Так как опыта в css и javascript мало - первое, что пришло в голову - это создать 6 стилей для кнопок в css, и, пользуя простой скрипт спойлера, прописать кнопкам скрипт. Но, так как, наверняка, это в корне неправильно, в скрипте обработку сразу 6 стилей прописать не получилось, и толковым, в общем, ничем не окончилось. Прошу совета

    Asked by Nagoran, March 4, 2014

    0 votes
    0 answers
22. Вертикальное центрирование

    Всем доброго времени суток!При верстке дизайн встал вопрос:"Как выровнить блоки по центру те,что 'Художники'?" Извините,проблема уже решена.

    Asked by Xolodeec, March 21, 2014

    0 votes
    2 answers
23. Проблема с адаптивностью

    Когда открываю эту страницу http://danxil.pp.ua/layout/index.html в обычном браузере и изменяю ширину окна - все ок, блоки спускаются на нижнюю строку как идолжно быть, но когда открываю эту страницу в мобильном браузере, у нее просто меняется масштаб, а блоку остаются на месте. Как сделать так что бы на мобильных браузерах именно сжималась ширина блока ?

    Asked by Danxil, March 21, 2014

    0 votes
    5 answers
24. проблема с сайтом

    вот сайт http://texteredsa.besaba.com/bondarchuk/ но почему та скрол появляется уже на отметки 1000px хотя минимальная ширина стоит 992px, и на мобильниках появляется скрол на некоторых и часть элементов уходят за правый экран. помогите найти ошибку?

    Asked by raptor-dm, December 21, 2014

    0 votes
    4 answers
25. Модификация кнопки

    Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';

    Asked by Alexey1111, August 13, 2016

    0 votes
    1 answer