Интеграция на html страницу. Как это сделать?

автор offLSD Март 18th 2012, 00:57

Как это интегрировать на html страницу, что бы было как выпадающее\раскрывающееся меню?

Код:: <ul class="menu_p"> <li> <p>Заголовок меню</p> <ul> <li><a href="#">Пункт первый </a></li> <li><a href="#">Пункт два</a></li> <li><a href="#">Пункт идущий третьим</a></li> <li><a href="#">Пункт четвертый и последний</a></li> </ul> </li> <li> <p>Заголовок меню 2</p> <ul> <li><a href="#">2 Пункт первый </a></li> <li><a href="#">2 Пункт два</a></li> <li><a href="#">2 Пункт идущий третьим</a></li> <li><a href="#">2 Пункт четвертый и последний</a></li> </ul> </li> </ul>

автор gorezcaid Март 18th 2012, 01:35

https://help.forum2x2.ru/t21797-topic

автор offLSD Март 18th 2012, 02:07

не работает

Код:: <head><meta http-equiv="content-type" content="text/html; charset=utf-8" /></head> <ul id="menu_p"> <li><a href="#">Главная</a></li> <li><a href="#">Администрация</a></li> <li> <a href="">Форум</a> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> <li><a href="#">Пункт 4</a></li> </ul> </li> <li><a href="#">Донта</a></li> </ul>

Получается нечто такого

Интеграция на html страницу. Как это сделать? 5bbd981cd062

автор gorezcaid Март 18th 2012, 02:18

Получается нечто такого

Замените

Код:: <meta http-equiv="content-type" content="text/html; charset=utf-8" />

на

Код:: <meta http-equiv="content-type" content="text/html; charset=windows-1251">

не работает

Читайте тему. Нужно ещё CSS на ту-же страницу добавить
http://htmlbook.ru/samcss/sposoby-dobavleniya-stiley-na-stranitsu
Между

Код:: <head><style type="text/css"> </style></head>

автор offLSD Март 18th 2012, 02:45

получилось подключить, но шрифт все равно выдает квадратиками

в чем ошибка

Код:: <!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=utf-8"> <style type="text/css"> .menu_p, .menu_p ul { margin: 0; padding: 0; list-style: none; } .menu_p { width: auto; margin: 2px; } .menu_p:before, .menu_p:after { content: ""; display: table; } .menu_p:after { clear: both; } .menu_p { zoom:1; } .menu_p li { float: left; position: relative; margin-right: 10px; } .menu_p p { float: left; padding: 0; outline: none; } .menu_p ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 28px; left: 0; z-index: 999; background: #524119; border: 1px solid #000; border-radius: 8px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu_p li:hover > ul { opacity: 1; visibility: visible; margin: 0; } .menu_p ul ul { top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ } .menu_p ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ } .menu_p ul a { padding: 6px; margin: 5px; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; text-transform: none; outline: none; } .menu_p ul a:hover { background-color: #6B511A; margin: 5px; border-radius: 5px; } <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </style> </head> <body> <div style="text-align: center;"><font size="6"><span style="font-weight: bold;">DEMO</span><br></font></div> <ul style="text-align: center;" class="menu_p"> <li> <p><img src="http://calc.allodslive.ru/img/h/this.gif"></p> <ul> <li><a href="http://stalhird.sosbb.ru/?pid=26">Комбер </a></li> <li><a href="http://stalhird.sosbb.ru/?pid=7">Трехкнопка</a></li> </ul> </li> <li> <p><img src="http://calc.allodslive.ru/img/my/this.gif"></p> <ul> <li><a href="http://stalhird.sosbb.ru/?pid=9">Критовик </a></li> <li><a href="http://stalhird.sosbb.ru/?pid=10">Дамагер</a></li> </ul> </li> </ul> </body> </html>