HTML Coding

29542 questions in this forum

1. Проблема перекрывания выпадающим меню основного

   В попытках украсить меню анимацией столкнулся с проблемой: выезжающий сверху вниз блок подменю в момент появления перекрывает основное. Пример этого явления привожу в коде: <style> .menu>li{ display:inline-block; width:120px; top:0; background:yellow; z-index:9; } .menu>li>ul { position:absolute; display:block; top:-200px; transition: top .4s ease 0s; background:green; width:80px; z-index:1; } .menu>li:hover>ul { top:30px; } </style> <ul class="menu"> <li>menu1 <ul> <li>podmenu</li> <li>podmenu</li> <li>podmenu</li> <li>podmenu</li> <li>pod…

   Asked by K-451, May 5, 2015

   0 votes
   4 answers
2. Эффект для блоков похожий на аккардеон

   Здравствуйте! Подскажите пожалуйста под каким названием искать подобное или если у кого-то есть сбросьте решение. Есть блок, в нем размещаются 4 блока, в каждом из них есть данные, типа картинка и текст Нужно чтобы при нажатии на один из блоков, слева или справа появлялся блок с теми самыми данными что на исходном блоке, только он должен быть на всю ширину, то есть закрыть остальные блоки. Заранее благодарен!

   Asked by FitTech, May 5, 2015

   • html
   • css
   • js
   0 votes
   2 answers
3. вертикальные вкладки, в которых текст перевёрнут под 90 градусов

   Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!!

   Asked by ruvi, May 5, 2015

   0 votes
   2 answers
4. Как подключить конфигуратор ко всем страницам сразу?

   В общем, сделал электронный учебник html состоящий из 50 стр, создал файл css, чтобы подключать стили. Вопрос: Как подключить конфигуратор ко всем страницам сразу? Не прописывая в каждой стр <link>?

   Asked by Fighterus, May 5, 2015

   • html.css.page.style
   0 votes
   2 answers
5. Тень

   Помогите, пожалуйста, разобраться с тенью. Я где-то не верно прописываю очевидно, но у меня никак не получается сделать тень которая нужна... http://clip2net.com/s/3haDhu1 Полуется плохо http://clip2net.com/s/3haCUqC box-shadow:0 1px 1px rgba(194, 194, 194, 0.45), 0 2px 1px rgba(210, 210, 210, 0.45), 0 3px 1px rgba(228, 228, 228, 0.45), 0 4px 1px rgba(241, 241, 241, 0.45);

   Asked by Orysya, May 4, 2015

   • css
   0 votes
   3 answers
6. Выравнять лейблы стилями

   Подскажите, пожалуйста, в совсем простых блоках с инпутомами и лейблами к ним хочется чтобы все лейблы лежали 1) сверху над инпутами или 2) на одной строке, причем, чтобы все лейблы были одной ширины и их инпуты таким образом вырравнивались слева. Причем, чтобы поведение выше изменялось без изменения в коде, а одним css-кодом. Верстка: <div class="form-artist_song-field form-require term-site-wrap "> <div class="for_input_label"> <label for="artist_site">Site</label> </div> <input type="text" size="50" maxlength="50" name="artist_site" id="artist_site" value="" aria-required="true"> <p>Site of artist. Required and must b…

   Asked by mstdmstd, May 4, 2015

   0 votes
   1 answer
7. Какие бывают меню (навигация)

   Здравствуйте! Вопрос может показаться странным и специфическим, просто я делаю одну вещь на РНР, которая должна будет принимать данные со стороны и на основе их делать меню, как-то так, по этому мне надо разобраться какие "типы" ссылок в меню бывают, что я подразумеваю под словом "типы", типы в моем случае разделяются исключительно только по заданному у них атрибуту class и стилям (которые через этот class и задаются), допустим есть меню из 3-х элементов: "Главная", "Контакты", "О сайте". Мы находимся на странице "О сайте": - простое меню, все ссылки имеют одинаковый стиль (один class), "О сайте" ни как не выделяется. - меню посложнее, тут уже ссылка "О сайте" выделена ц…

   Asked by CLK, May 3, 2015

   0 votes
   3 answers
8. Оверлеи поверх картинок

   Введение. Есть некое приложение на С. Оно взаимодействуя с пользователем собирает данные. Данные используются для генерации html кода. html код выводится в отдельном окне браузера. На сей момент все нормально. Проблема. Флаг, предположим, Турции, можно составить из трех элементов - фона <div> и двух объектов <img>. Пользователь задал данные, при которых цвета элементов иные. Программа изменяет html код. Тогда изменяется свойство css div.flagbackground{...; background:"#FFBB80"}То, как наложить цветовой фильтр на картинку (монотонная) - и есть проблема. Как вариант - загружать картинки белого цвета и накладывать фильтр. Ограничение лишь в чита…

   Asked by catcat, May 3, 2015

   0 votes
   8 answers
9. Пропадает фон при высоет 100%

   http://jsfiddle.net/digitalmedia/6z3o340x/ Не могу понять, в левой и правой колонках фон тянется только на высоту браузера, и если контетна больше, фон в левом и правом столбцах пропадает внизу. Как можно обойти?

   Asked by vip, May 3, 2015

   0 votes
   7 answers
10. Карусель Bootstrap 3

    Как сделать плавные переходы в стандартной карусели Bootstrap 3

    Asked by virtas, May 3, 2015

    • Bootstrap
    0 votes
    0 answers
11. Проблемы с бутстрап - высота колонок при адаптивности.

    Доброй ночи, уважаемые форумчане! Столкнулась с проблемой при использовании бутстрап, Есть 4 колонки - при нормальном расширении все ок, row подстраивается под высшую колонку и нормально толкает вниз контент, при появлении адаптиности это не происходит - то есть в том же ров есть 4 колонки но уже в 2 ряда и автоматического выравнивания рядов по высоте колонки нету. Частично решить эту проблему можно задав при адаптивности высоту для well, но мне нужно чтобы колонки автоматически тянулись и шахматная доска не появлялась. http://clip2net.com/s/3h6dxUj Возможно, кто-то сталкивался с похожей проблемой и сможет что-то подсказать)))Буду очень благодарна за любые советы

    Asked by Orysya, May 2, 2015

    • css
    • bootstrap
    0 votes
    2 answers
12. Практика для верстальщиков

    В отдел веб-разработки компании PENTESTIT требуется верстальщик. Наша компания работает в области информационной безопасности и практически все наши проекты связаны напрямую с этой сферой деятельности. Одна из последних работ - real-time карта атак https://lab.pentestit.ru/map Если вы хотите решать интересные задачи в дружном коллективе единомышленников - вы ждем Вас. Даже если Вы начинающий верстальщик - не страшно, научим и поможем освоиться. В задачи верстальщика входит верстка страниц по присланному макету, в том числе под такие cms как 1c-bitrix, wordpress, joomla. Задачи в отделе веб-разработки делятся на два типа: внутренние проекты компании и сторонние заказ…

    Asked by efweb, May 2, 2015

    • практика начинающим
    0 votes
    0 answers
13. bootstrap and section

    http://texteredsa.besaba.com/kalolia/kalolia/ Есть сайт. Верстаю на bootstrap 3. Почему та в ie8 верстка рушиться, буд-то секционные элементы не понимает. Подскажите в чем дело?

    Asked by raptor-dm, May 1, 2015

    0 votes
    3 answers
14. Сворачиваем удочки!

    Что вы думайте о новом приложений Photoshop CC Export Kit? Мне кажется что это конец!

    Asked by TuTaHuKk, May 1, 2015

    0 votes
    11 answers
15. Проблема с фреймом(html).

    Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…

    Asked by Mestniy96, May 1, 2015

    • frame
    0 votes
    6 answers
16. Сайт некорректно отображается в IE и Firefox.

    Ребят, помогите с сайтом. К сожалению поздно додумался проверить его во всех браузерах, в итоге не могу разобраться в чём проблема. Сайт небольшой, писал его в Dreamweaver. По сути это таблица из двух столбцов, в левом лого (с параметром position: absolute), ниже форма заявки. А в правом контент. Ниже этой таблицы футер. На фоне этой таблицы шаблон картинки, которую я потом поменяю. Проблема в том, что в IE (11) и Firefox содержимое левого столбца смещается ниже таблицы. И я не допёр почему. Вот архив с сайтом.

    Asked by R45H, April 30, 2015

    • IE
    • Firefox
    0 votes
    1 answer
17. Метод как вставить линию до и после текста

    Не подскажите ли метод как вставить линию до и после текста, так чтобы они заполняли всю ширину. Нашла только метод с дополнительным span - надо прописывать другой цвет бэкграунда но для моей ситуации это не подходит((( http://clip2net.com/s/3h0LZyt Заранее благодарю)

    Asked by Orysya, April 30, 2015

    • css
    0 votes
    10 answers
18. Проблема не коретного отображения шрифтов в различных браузерах

    Здравствуйте! Столкнулась с проблемой не коретного отображения в различных браузерах шрифтов. В фф опере при масштабе 100% великоват и жирнее, в хроме все всегда ок. Не подскажете как такую штуку преодолеть?))) И еще о шрифтах - не подскажете ресурс с широкой коллекцией шрифтов (не гугл фонт и вебфонт.ру))))? мне нужно подключить Tahoma и Century Gothic))) Заранее благодарю и извините, что загружаю так вопросами) http://clip2net.com/s/3h0wGoq http://clip2net.com/s/3h0wVLY

    Asked by Orysya, April 30, 2015

    • css
    • fonts
    0 votes
    4 answers
19. Как сделать аналогичную анимацию скролла

    Каждый блок на весь экран. При скролле новый блок появляется как показано на видео: http://www.youtube.com/watch?v=WyMe1vMBzak Подскажите, может есть готовое решение подобных переходов?

    Asked by posthack, April 30, 2015

    0 votes
    0 answers
20. Решение проблем + оценка вёрстки

    Здравствуйте! Прошу прощения, если написал не туда. После двух-недельной теории решил сверстать свой первый макет, но как обычно первый блин оказался комом. Верстал по методу mobile first. Макет брал отсюда. А вот вёрстка: bgdn.16mb.com/ (грузится долго). Прошу адекватную оценку вёрстки (не учитывая те проблемы, которые я описал ниже) а так же помощь в решении следующих проблем: 1) Примерно с ширины браузера от 822px до 842px выпадает вниз блок Services. В чем проблема? Ведь ширины для плавающего блока достаточно (2 блока по 50%). Сейчас обнаружил, что блок выпадает при вытекании текста из блока выше (about whitesquare), но решение так и не могу найти. 2) Не могу…

    Asked by bgdn, April 30, 2015

    0 votes
    6 answers
21. Адаптивный дизайн в ИЕ8

    Скажите пожалуйста, как можно заставить старые ИЕ понимать html5 и CSS3. Проверил сайт в ИЕ8 - такое чувство что он всё что в media просто пропустил. Я уже молчу о тенях и округлостях всяких, хотя бы общий вид макета сохранить.

    Asked by alleclf, April 30, 2015

    0 votes
    13 answers
22. Меню как в Эппл на бутрапe

    Доброго вечера! Решила сделать себе заготовку меню как в Эппл на бутрапe - чтобы все li расползались равномерно на весь блок. И я или где-то туплю очень или что-то не учитываю, но никак не получается. В обычном сайте норм все, а здесь нет ... Может подскажет кто-то в чем дело?) ... Где я туплю... буду очень благодарна) Пристроить это http://jsfiddle.net/xsvhj/3/ к стандартномубутстраповскому меню никак не получается

    Asked by Orysya, April 29, 2015

    • css
    • bootstrap
    0 votes
    4 answers
23. Правый блок вниз убежал :-(

    Всем привет! Прощу помощи... Сломал уже голову, не знаю как блок на место вернуть.. Когда на главной странице, всё норм, когда нажимаю на новость, блок убегает - http://immersprint.tk/hello-world/

    Asked by palomig, April 29, 2015

    0 votes
    5 answers
24. Полупрозрачный фон на изображении

    Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.

    Asked by combyuro, April 29, 2015

    • z-index
    • background
    • img
    0 votes
    6 answers
25. полоса выделения с заданным значением длины полосы

    хочу чтобы в моем меню,состоящего из 4 hello world и размером 192 на 127 пикселей.была первая полоса с выделением размером 192 на 27 пикселей. ниже код https://jsfiddle.net/meyrjtvn/ не работает html <link rel="stylesheet" href="styles.css" type="text/css"/><ul id="menu"> <li class="kolonki"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li width="192px" height="27px" padding="500px"> hello world </li> <li>helo world </li> <li>helo world </li> <li>helo world </li> </ul> </li></ul> css ul#menu1{ width:192; height:127…

    Asked by riaron, April 29, 2015

    0 votes
    2 answers