Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Помощ с падащо меню

18 май 201412 г.

Здравейте! Имам проблем със създаването на падащо меню .. пробвах какви ли не варианти и все не се получава. Подменютата се появяват до главното меню. Едо как изглежда html кода

<!DOCTYPE html PUBLIC ><html xmlns="" xml:lang="en" lang="en"><head><title>Sunny day</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="style.css" rel="stylesheet" type="text/css" /><link href="layout.css" rel="stylesheet" type="text/css" /><script src="maxheight.js" type="text/javascript"></script><!--[if lt IE 7]><link href="ie_style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="ie_png.js"></script><script type="text/javascript">ie_png.fix('.png, #header .row-2, #header .nav li a, #content, .gallery li');</script><![endif]--></head><body id="page1" onload="new ElementMaxHeight();"><div id="main">  <!-- header -->  <div id="header">    <div class="row-1">      <div class="wrapper">        <div class="logo">          <h1><a href="#">Sunny day</a></h1>          <em>Hotel*****</em> </div>        <div class="phones"> +359 877 383 992<br />          +359 877 999 204 </div>      </div>    </div>    <div class="row-2">      <div class="indent">        <!-- header-box begin -->        <div class="header-box">          <div class="inner">            <ul class="nav">              <li><a href="index.html" class="current">Начало</a></li>              <li><a href="hotel.html">Хотел</a></li>              <li><a href="gallery.html">Галерия</a></li>              <li><a href="services.html">Услуги</a>              <ul>                                        <li><a href="#">X</a></li>                                        <li><a href="#">X1</a></li>                                        <li><a href="">X2</a></li>                                        <li><a href="#">X3</a></li>                                                                        </ul>                            </li>              <li><a href="about.html">За Нас</a></li>              <li><a href="contact.html">Контакти</a></li>            </ul>          </div>        </div>        <!-- header-box end -->

Какво трябва да поставя в CSS за да проработи? Благодаря предварително!

Редактирано 18 май 201412 г. от didetyyy_92 (преглед на промените)

18 май 201412 г.

Никъде не описваш в кода, какво трябва да прави менюто, за това ти стои статично едно под друго

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><meta name="description" content="Разгъващо се меню."><script>function hiding(what) {      var tmp = document.getElementById(what);      if (tmp.style.display == 'none') {        tmp.style.display = 'block';      } else {        tmp.style.display = 'none';      }}</script></head><body><li>начало</li><li><a href="javascript:hiding('d1');">Нещата от живота</a></li>    <ul id="d1" style="display: none;">        <li> Хотел</li>        <li>Галерия</li>        <li>Услуги</li>        <li>Други</li>    </ul><li><a href="javascript:hiding('d2');">Услуги</a></li>    <ul id="d2" style="display: none;">        <li>Тук пишем нещо </li>        <li>Какво ли е това?</li>        <li>Нещо интересно</li>    </ul></body></html>

Опитай това

18 май 201412 г.

<!DOCTYPE html PUBLIC ><html xmlns="" xml:lang="en" lang="en"><head><title>Sunny day</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="style.css" rel="stylesheet" type="text/css" /><link href="layout.css" rel="stylesheet" type="text/css" /><script src="maxheight.js" type="text/javascript"></script><!--[if lt IE 7]><link href="ie_style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="ie_png.js"></script><script type="text/javascript">ie_png.fix('.png, #header .row-2, #header .nav li a, #content, .gallery li');</script><![endif]--></head><body id="page1" onload="new ElementMaxHeight();"><div id="main">  <!-- header -->  <div id="header">    <div class="row-1">      <div class="wrapper">        <div class="logo">          <h1><a href="#">Sunny day</a></h1>          <em>Hotel*****</em> </div>        <div class="phones"> +359 877 383 992<br />          +359 877 999 204 </div>      </div>    </div>    <div class="row-2">      <div class="indent">        <!-- header-box begin -->        <div class="header-box">          <div class="inner">            <ul class="nav">              <li><a href="index.html" class="current">Начало</a></li>              <li><a href="hotel.html">Хотел</a></li>              <li><a href="gallery.html">Галерия</a></li>              <li><a href="services.html">Услуги</a>              <ul>                                        <li><a href="#">X</a></li>                                        <li><a href="#">X1</a></li>                                        <li><a href="">X2</a></li>                                        <li><a href="#">X3</a></li>                                                                        </ul>                            </li>              <li><a href="about.html">За Нас</a></li>              <li><a href="contact.html">Контакти</a></li>            </ul>          </div>        </div>        <!-- header-box end -->

Какво трябва да поставя в CSS за да проработи? Благодаря предварително!

1, 2 или 3

Редактирано 18 май 201412 г. от pa-pa (преглед на промените)

18 май 201412 г.

Автор

Никъде не описваш в кода, какво трябва да прави менюто, за това ти стои статично едно под друго

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><meta name="description" content="Разгъващо се меню."><script>function hiding(what) {      var tmp = document.getElementById(what);      if (tmp.style.display == 'none') {        tmp.style.display = 'block';      } else {        tmp.style.display = 'none';      }}</script></head><body><li>начало</li><li><a href="javascript:hiding('d1');">Нещата от живота</a></li>    <ul id="d1" style="display: none;">        <li> Хотел</li>        <li>Галерия</li>        <li>Услуги</li>        <li>Други</li>    </ul><li><a href="javascript:hiding('d2');">Услуги</a></li>    <ul id="d2" style="display: none;">        <li>Тук пишем нещо </li>        <li>Какво ли е това?</li>        <li>Нещо интересно</li>    </ul></body></html>

Опитай това

Благодаря ... ама пак не се става

18 май 201412 г.

Автор

С абсолютно нищо не става ... прегледах 100000 теми в google ... пробвах какви ли не кодове и пак не се получава

18 май 201412 г.

Автор

Поставих този код между <head></head>

<style type="text/css">body {behavior:url("../htc/csshover.htc");}* {font-family:arial,tahoma,verdana,helvetica;font-size:12px;}/* the menu */ul,li,a {display:block;margin:0;padding:0;border:0;}ul {width:150px;background:;list-style:none;}li {position:relative;padding:0;padding-left:;background:url("images/item_moz.gif") no-repeat;z-index:9;}li.folder { background:url("images/item_folder.gif") no-repeat; }li.folder ul {position:absolute;left:120px; /* IE */top:5px;}li.folder>ul { left:140px; } /* others */a {padding:;text-decoration:none;color:;font-weight:bold;width:100%; /* IE */}li>a { width:auto; } /* others */li a.submenu {background:url("images/sub.gif") right no-repeat;}/* regular hovers */a:hover {border-color:;background-color:;color:;}li.folder a:hover {background-color:;}/* hovers with specificity */li.folder:hover { z-index:10; }ul ul, li:hover ul ul {display:none;}li:hover ul, li:hover li:hover ul {display:block;}</style>

Добавих и този към менюто :

        <!-- header-box begin -->        <div class="header-box">          <div class="inner">            <ul class="nav">              <li><a href="index.html" class="current">Начало</a></li>              <li><a href="hotel.html">Хотел</a></li>              <li><a href="gallery.html">Галерия</a></li>			  <li class="folder">               <li><a href="services.html" class="submenu">Услуги</a>			  <ul>										<li><a href="#">X</a></li>										<li><a href="#">X</a></li>										<li><a href="">X</a></li>										<li><a href="#">X</a></li>																			</ul>							</li>							              <li><a href="about.html">За Нас</a></li>              <li><a href="contact.html">Контакти</a></li>            </ul>          </div>        </div>        <!-- header-box end -->

И при поставяне на мишката на "Услуги" излиза така : http://prikachi.com/images.php?images/773/7335773q.png

Въпросът ми е какво да променя за да ми излиза подменюто в средата под "Услуги"?

Редактирано 18 май 201412 г. от didetyyy_92 (преглед на промените)

19 май 201412 г.

И при поставяне на мишката на "Услуги" излиза така : http://prikachi.com/images.php?images/773/7335773q.png

Въпросът ми е какво да променя за да ми излиза подменюто в средата под "Услуги"?

Не виждам грешки в кода. Другаде бъркаш явно.

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.

Няма регистрирани потребители разглеждащи тази страница.

Подкрепи съществуването на форума - направи дарение
32%

Дарени 315 € от нужните 1 000 €
- +21

Получавайте известие, когато има важна промяна или новина свързана с форума.

Абонирайте се

Добре дошли!

Помощ с падащо меню

Featured Replies

Архивирана тема

Разглеждащи това в момента 0

Дарение

Бюлетин

Профил

Навигация

Търсене

Конфигуриране на push известия в браузъра

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)