Вход | Регистрация
 
1С:Предприятие :: 1С:Предприятие 8 общая

1c+http+css выпадающий список

1c+http+css выпадающий список
Я
   ttk
 
01.11.19 - 09:54
Есть простейший хтмл со стилями.
При наведении мышки на пункт меню должны раскрываться подпункты
В браузерах все работает четко,
скармливаю этот код в ПолеHTMLдокумента, все перестает работать,
открываю этот код в Файл-новый- html документ, в предпросмотре работает, сохраняю, открываю и все опять ломается.
Может есть какие то хитрости с хтмл в 1с
1С:Предприятие 8.3 (8.3.12.1714)
    
|<!DOCTYPE html>
|<html>
|<head>
|<!--<link rel=""stylesheet"" href=""mystyle.css"" type=""text/css""/>-->
|<META content=""text/html; charset=utf-8"" http-equiv=Content-Type>
|<META name=GENERATOR content=""MSHTML 11.00.9600.19377""></HEAD>
|</head>
|<style>
|ul {
|    list-style-type: none;
|    margin: 0;
|    padding: 0;
|    overflow: hidden;
|    background-color: blue;
|}
|/*кнопки навигации слева*/
|li {
|    float: left;
|}
|/*настройки отображения верхнего меню*/
|li a  {
|    display: block;
|    color: black;
|    text-align: center;
|    padding: 14px 16px;
|    text-decoration: none;
|}
|/*выделяет элементы при наведени мыши*/
|li a:hover, .dropdown:hover  {
|   background-color: red;
|}
|li.dropdown {
|   display: block;
|}
|/*свойства выпадающего списка*/
|/*видимость = ложь!!!*/
|.dropdown-content {
|    display: none;
|    position: absolute;
|    background-color: #f9f9f9;
|    min-width: 160px;
|  
|  
|}
|/*свойства элемента выпадающего списка*/
|.dropdown-content a {
|    color: black;
|    padding: 12px 16px;
|    text-decoration: none;
|    display: block;
|    text-align: left;
|}
|/*при наведении курсора на элемент выпадающего списка меняет его фон*/
|.dropdown-content a:hover {
|    background-color: #f1f1f1
|}
|/*при наведении курсора отображает выпадющий список*/
|.dropdown:hover .dropdown-content {
|    display: block;
|}
|</style>
|  
|<body>
|<h1>Менюшки</h1>
|<ul>
|  <li><a href=""#"">Главная</a></li>
|  <li><a href=""#"">Новости</a></li>
|  <li class=""dropdown"">
|    <a href=""#""class=""dropbtn"">Выпадающие</a>
|    <div class=""dropdown-content"">
|      <a href=""#"">Ссылки 1</a>
|      <a href=""#"">Ссылки 2</a>
|      <a href=""#"">Ссылки 3</a>
|    </div>
|  </li>
|</ul>
|</body>
|</html>
   DrWatson
 
1 - 01.11.19 - 11:18
Попробуй в заголовке
<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
Хитрость в том, что по-умолчанию Поле HTML работает в режиме совместимости с IE 7 или 8.
Так было до WebKit.
   ttk
 
2 - 01.11.19 - 11:37
(1) Спасибо тебе добрый Человек
все работает
   sitex
 
3 - 01.11.19 - 12:05
(2) И готовься к WebKit.

Список тем форума
Рекламное место пустует  Рекламное место пустует
Здесь можно обсудить любую тему при этом оставаясь на форуме для 1Сников, который нужен для работы. Ymryn
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.
Тема не обновлялась длительное время, и была помечена как архивная. Добавление сообщений невозможно.
Но вы можете создать новую ветку и вам обязательно ответят!
Каждый час на Волшебном форуме бывает более 2000 человек.