HTML Coding

29,542 questions in this forum

1. Перемещение нескольких элементов в Div при наведении на div

   Есть Div1, в нем находится div 2, в 1 также находится div3 скрытый снизу. Как сделать так чтобы, при наведении на 1, 2 плавно переместился вверх (на высоту зависимую от высоты 3), а затем 3 плавно поднялся после 2.

   Asked by левалекс, May 14, 2014

   0 votes
   1 answer
2. Раскрывающиеся блоки

   Есть такая верстка http://jarvis-studio.ru/demo/jquery/manual.html Необходимо сделать, чтобы при клике на нераскрытый пункт он раскрывался, а ранее активный закрывался. Проблема в том, что я пытаюсь делать все плавно, скажем через slideUp, но в добавок к этому мне нужно будет удалить класс "active" с ранее активного. Когда я это делаю, то резко удаляются все стили, которые относятся к .active и плавный слайд-ап не выполняется. Как решить?

   Asked by posthack, May 31, 2014

   0 votes
   2 answers
3. Селектор перенесёного блока

   Доброго времени! Есть контейнер фиксированной ширины, внутри него может быть сколько угодно блоков по float:left с одинаковой высотой, но с разной шириной . И может быть такое, что они все не поместятся на одной линии. Так вот, как без JS узнать селектор блоков, которые не поместились на линии и были перенесены ?

   Asked by wolfmax2000, September 22, 2015

   • float left
   • селекторы
   0 votes
   0 answers
4. Как использовать Condition-CSS или XCSS ?

   Как использовать Condition-CSS или XCSS для подключения отдельных стилей бравзера ?

   Asked by Vandeko, August 11, 2011

   0 votes
   0 answers
5. Перекрытие элемента в ие 7, 8

   Всем привет. Проблема в том что при наведении на продукцию в ие 7, 8 не отображаются блоки для навигации. html.zip Результат Хром - http://imageshack.us/f/190/screenshot20120416at110.png Результат ИЕ 8 - http://imageshack.us/photo/my-images/829/screenshot20120416at111.png Структура кода следующая, имеется блок issue с товарами, в блоке каждый товар содержится в классе img в свою очередь в котором содержится ссылка, и блок с кнопками для просмотра изображения и комментария. http://imageshack.us/photo/my-images/703/screenshot20120416at112.png Если смотреть через ИЕ developer tool - блок с кнопками навигации перекрыт ссылкой(картинкой). Пробовал решить проблему z-index'о…

   Asked by SkyTrace, April 16, 2012

   0 votes
   0 answers
6. Создание кнопки с двумя ссылками

   Хотел создать кнопку на сайте содержащую две ссылки, но почему-то ссылки не выставляются как надо. Код: <div style="background: url(images/stories/topbuttonmenu.jpg) repeat scroll 0% 0% transparent; width: 247px; height: 101px;"><span style="margin: 25px 0pt 0pt 50px; font-size: 1.3em;"><a href="index.php?option=com_content&view=article&id=8&Itemid=8">О сайте</a> <span style="color: #ffff00;"><a href="index.php?option=com_content&view=article&id=10&Itemid=16">Связь с админами</a></span></span></div> Кнопка: 1-я ссылка появляется как ей и положено в левой верхней части кнопки, вторая рядом…

   Asked by Avatonk, June 3, 2012

   0 votes
   1 answer
7. Главное меню

   Помогите разместить элементы главного меню друг возле друга. <div class="hmenu"> <ul class="gor_menu1"> <li><a href="#"><span><b>Головна</b></span></a> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Загальна інформація</span></a> <ul class="gor_menu"> <li><a href="#">Законодавча база</a></li> <li><a href="#">Контакти</a></li> </ul> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Напрямки діяльності</span></a> <…

   Asked by Tyurin, June 28, 2012

   0 votes
   2 answers
8. Отправка email template

   Доброго времени суток. Кто сталкивался, подскажите плз такой вопрос: влияет ли количество картинок в папке с шаблоном на размер письма? Я пользуюсь для отправки письма OutlookExpress. Верстка соответственно выполнена по всем правилам. Вопрос стал, когда наши "гуру" сказали,что в папке с шаблоном должны быть только картинки,указанные в коде. Иначе в письме отправятся ВСЕ картинки из папки. Проверил эту теорию в ауте-отправились только картинки из кода, лишние пошли лесом. Из тех, кто утверждал это, никто не смог сказать в каком именно рассыльщике происходит такое. Может кто-то анализировал данную ситуацию или сталкивался ранее. Отпишите плз. Если что-то непонятно выразил-п…

   Asked by David_Blane, July 25, 2012

   0 votes
   0 answers
9. элементы, у которых одновременно заданы классы

   Здравствуйте. В статье http://htmlbook.ru/samcss/klassy написано: Поддерживает ли IE6 такую запись? Документировано ли такое использование вообще?

   Asked by polyanin, August 15, 2012

   0 votes
   1 answer
10. IE не хочет воспринимать хак

    Оригинал: #nav-right { background: url(http://192.168.15.155/b2b/images/menu2.png) no-repeat; height: 47px; width: 14px; float: right; margin-top: 2px; margin-right: -3px; } Хак для IE: #nav-right: {margin-top: -100px !important; margin-right: -100px !important;} Хак в HTML: <!--[if lte IE 9]> <link rel="stylesheet" type="text/css" href="styles/ie.css" /> <![endif]--> inb4: путь к файлу прописан правильно.

    Asked by unreq, September 6, 2012

    0 votes
    2 answers
11. Как превозмочь стиль, подключаемый ниже чем мой?

    Здравствуйте. Установил компонент. Его стили подключаются ниже, чем подключенная мной таблица стилей. Я вижу два выхода: 1. лезть в директорию модуля и править css 2. подредактировать index.php joomla шаблона и подключить свой css файл где-нибудь ниже Лучше второй вариант осуществить?

    Asked by borus, November 16, 2012

    0 votes
    1 answer
12. Какой способ лучше всего использовать для вставки видео с ютуба на сайте?

    Вот нужно вставить много видео на своем сайте,все видео с ютуба.Начал интересоватся то как это можно осуществить и вариантов оказалось немало,больше всего запомнился вариант через iframe изза своей простоты <iframe style="display: block; margin-left: auto; margin-right: auto;" src="http://www.youtube.com/embed/_uHPoG0Oaoc" frameborder="0" width="520" height="370"/> но он меня настораживает так как на том сайте на котором используют данную технику,видео с ютуба часто лагает,и приходится копировать адрес видео и наново грузить и смотреть через сам ютуб... В общем какой способ щитается лучшим?

    Asked by pudge, March 16, 2013

    0 votes
    3 answers
13. Как сделать такую рамку?

    http://joxi.ru/UDprU_3JTJA3U4xzJu8 как сделать такую рамку?

    Asked by Zverushka, May 8, 2014

    0 votes
    3 answers
14. Нестандартные шрифты

    Если загружаешь нестандартный шрифт, то обязательно ли надо для каждого стиля шрифта, создавать свою директиву? Например, если хочешь что бы шрифту можно было назначать стиль italic и font-weight bold, то надо создать 3 директивы p{font-family:veronica;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: normal; font-style: normal;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: bold; font-style: normal;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: bold; font-style: italic;}

    Asked by DivMan, June 5, 2014

    0 votes
    1 answer
15. Выпадающее меню

    Не пойму что и где надо прописать http://codepen.io/anon/pen/nfkqE Шапка вроде нормально стоит, но как ввел это, то все сломалось. В общем, проблема с размерами текста, когда выпадает подменю, текст слишком огромный и всю шапку ломает, нужно как то текст уменьшить подменю как сделать. http://codepen.io/anon/pen/nfkqE вот, В общем исправил пару недочетов, теперь только проблема в подменю, оно неправильно выходит.

    Asked by RuslanHeYca4ev, August 2, 2014

    0 votes
    2 answers
16. cleartype ie

    из-за cleartype у меня шрифт не такой как в других браузерах. что можно сделать, забить на это? или есть способы отключить его ?

    Asked by raptor-dm, February 28, 2015

    0 votes
    1 answer
17. Блок захватывает пространство

    И всю Вселенную. Здравствуйте. Есть такой скриншот http://joxi.ru/1A59OwzSQxwEAE Вёрстка лежит тут Что, собственно, мне не нравится, так это поведение блока при задании .dropdown свойства display: block. На скрине выделен третий пункт меню, то ест его подменб должно выделяться вниз. А оно берёт верхнее. Что со мной не так? В браузере это меню нажимается как нужно, на телефоне ОС виндовс тоже, на планшете амазона тоже всё ок. Плохо себя ведёт ипод на иОС. Если нажимать на любой пункт подменю, то кликается основной следующий пункт меню, который, как показано на скриншоте, захватывает область выше.

    Asked by kattiperk, March 8, 2015

    0 votes
    0 answers
18. Как сделать несколько картинок чтобы скролить?!

    Ребят подскажите плиз как можно добавить еще картинок вниз чтобы скролить можно было (см. рис.). HTML: <div id="full-width-preview"><!-- start .full-width-preview" --> <div class="full-width-preview-background opacity_9"></div> <div id="full-width-preview-media-holder"> <div class="full-width-preview-media-holder-background opacity_0"></div> <div class="full-width-preview-media-loader"></div><div id="preview-media-holder"> <div id="preview-media-image" data-url="assets/media/portfolio/images/444.png" data-title="" data-alt="…

    Asked by zhasikbek, July 12, 2015

    0 votes
    0 answers
19. Не работает jq-selectbox на iPad и в его эмуляции в хроме

    Здравствуйте, ребята. На сайте, не пугайтесь красоты, не работает селект в фильтре (сейчас он слева) на iPad и в chrome devtools, когда выбрали iPad. Показывает такое - http://joxi.ru/52aQLKkup7E120 А должно быть такое - http://joxi.ru/12MQ3kDuRB0w2J Что не так с ним и куда бежать? Подходящего не нашла ничего особо.

    Asked by kattiperk, September 10, 2015

    • selectbox
    • custom select
    0 votes
    0 answers
20. Дополнительное фото товара

    Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные. Как сделать в этом блоке их размер 1/2 (50%) от оригинального изображения вверху страницы?И как их выровнять в ряд (горизонтально)с небольшим промежутком между ними?Сейчас они выстраиваются вертикально помогите с кодом,пожалуйста. Что дописать или исправить? {if count($product.images) > 0} <div class="more-images"> {foreach from=$product.images item=image name=phthumbs} <div…

    Asked by stels57, March 26, 2016

    • дополнительное фото товара
    • вывод фото в %
    • $image
    0 votes
    1 answer
21. Колбасит border при прокручивании в IE (6,7,8)

    Происходит что-то непонятное с бордером. Он задан штриховым, но впоследствии скролла может выглядеть и как dotted и как solid, и вот так коряво: <!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=windows-1251"> <title></title> <style type="text/css"> #content{width:300px; height:1000em; border-right:1px dashed #C0C0C0; } </style> </head> <body> <div id="content">Lorem ipsum dolor sit amet...</div> </body> </html> height:1000em; - для примера. такая же бадяга …

    Asked by Geratewart, March 15, 2010

    0 votes
    0 answers
22. Вставка бинарных файлов

    Добрый день! Можно ли средствами html в документ вставить картинку, которая хранится в оперативной памяти (документ, который будет после отображаться на экране, формируется в результате выполнения программы, которая по окончании работы сохранит его в htm формате)? Картинка также создается в процессе выполнения, а памяти хранится как переменная и поэтому на жестком диске ее нет(т.е. атрибут src не применишь получается).

    Asked by xmlns, August 18, 2011

    0 votes
    0 answers
23. отложенная загрузка скрипта

    в моем случае DOM дерево со временем изменяется, как сделать загрузку скрипта через определенное время или циклически?

    Asked by jurassik, August 17, 2011

    0 votes
    0 answers
24. Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе

    Доброго времени суток. Возникла следующая проблема. Например, есть CSS вроде такого: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>font</title> <style type="text/css"> .layer1 { font: 16pt Arial; } .layer2{ font: 16pt Symbol; } </style> </head> <body> <div class="layer1">Example1</div> <div class="layer2">Example2</div> </body> </html> И так он отображается (слева - Опера 11, Firefox 6; справа - Хром 13, ИЕ 6 (вечером другие ИЕ гляну, сейчас нет под рукой)): Шрифт Symbol в системе установлен. Собств…

    Asked by Varro, September 13, 2011

    0 votes
    0 answers
25. Мнемоника HML5

    Прошу прощения за опечатку, не знаю как отредактировать тему. Речь конечно же про HTML5. Что-то изменилось? Например, не работает &emsp. Википедия пишет, что это HTML4. Так как быть? Неужели они такие вещи меняли и зачем.... Или этот пробел и в html4 не работает? Быстро вопрос решился, прошу прощения, снова. " ;" ?? Сбило, что обычный пробел в этом не нуждается...

    Asked by alexandr_v-vich, March 20, 2012

    0 votes
    2 answers