Помогите пожалуйста.




Здесь обсуждаем то, что не подходит ни одному разделу, но связано с созданием сайтов...

Новичок

Сообщения: 3

Зарегистрирован: 25 июл 2013, 11:33

Баллы репутации: 0

Сообщение Илья » 30 июл 2013, 17:47

Помогите пожалуйста.

Мне на работе задали создать раздвигающееся меню. И у меня возникли проблемы под-меню вылезает из основного. Помогите пожалуйста решить эту проблему.

  Код:
html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>

   <meta http-equiv="CONTENT-TYPE" content="text/html; charset=windows-1251"><title>Стартовая страница. Библиотека ОЗИР</title>
   
   <meta name="GENERATOR" content="LibreOffice 3.3  (Win32)">
   <meta name="CREATED" content="0;0">
   <meta name="CHANGED" content="20120522;17041289">
   <meta name="Content-Language" content="ru">
   <meta name="GeneratedOn" content="Fri May 18 18:21:53 EEST 2012">
   <meta name="RemoteAddress" content="192.168.1.1">
   <meta name="WebsiteID" content="201102652525">
   <meta name="revisit-after" content="7 days">
   <meta name="robots" content="index, follow">
   <script language="JavaScript" src="%D0%A1%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0.%20%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0%20%D0%9E%D0%97%D0%98%D0%A0_files/tools.js"></script>
   <script language="javascript" src="%D0%A1%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0.%20%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0%20%D0%9E%D0%97%D0%98%D0%A0_files/utils.js"></script>
   <script>
function openContent(navID,contentURL){
var hash = "";
if(contentURL.indexOf("#")>-1){
hash = "#" + contentURL.split("#")[1];
contentURL = contentURL.split("#")[0];
}
if("" == contentURL)
return hash;
var url = '/draft/state/AA:navID.navID2003/AC:-1.IT2003/';
url = url.replace('IT2003',contentURL);
url = url.replace('navID2003',navID); document.location.href = url + hash;
}
function openSEFContent(sefContent){
document.location.href = sefContent;
}
function tohome(){
location.href = '/draft/';
}
function mailTo(mailAddr) {
location.href = 'mailto:'+mailAddr;
}
var newWin = null;
function openSiteMap() {
openNewWindow('/draft/jsppages/sitemap/params/navRootID/201102652922.html',400,480, 'sitemap','scrollbars=yes,status=no,resizable=yes');
}
function openImprintPage() {
openNewWindow('/blank.jsp', 550, 400, 'imprint', 'scrollbars=yes,status=no');
}
</script><!-- Automatically added by OnlineContainersManager START --><!-- Aggregative head section START --><!-- Aggregative head section STOP --><!-- Automatically added by OnlineContainersManager STOP -->
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <link rel="stylesheet" type="text/css" href="style.css" />
   
   
   <style type="text/css">
   <!--
      P { margin-left: 0.13cm; margin-bottom: 0.4cm; color: #000000; font-family: "Verdana"; font-size: 9pt; line-height: 140% }
      H4 { margin-bottom: 0cm; border: none; padding: 0cm; color: #000000; text-align: center; text-decoration: none }
      H4.western { font-size: 6pt }
      H4.cjk { font-size: 6pt }
      H4.ctl { font-family: "Mangal"; font-size: 6pt }
      TD P { color: #000000; font-family: "Verdana"; font-size: 9pt; font-style: normal; font-weight: normal }
      A:link { color: #3366cc }
      A.western:link { font-family: "Times New Roman", serif; font-size: 14pt }
      A.cjk:link { font-family: "Verdana"; font-size: 8pt }
      A.ctl:link { font-family: "Verdana"; font-size: 8pt }
      A:visited { color: #3366cc; font-family: "Verdana"; font-size: 8pt }
   -->
   </style></head><body dir="ltr" bgcolor="#e2e2e2" lang="ru-RU" link="#3366cc" vlink="#3366cc">

   
   
   <table style="page-break-before: always; width: 894px; height: 112px;" cellpadding="0" cellspacing="0">
   <tbody><tr>
      
      <td style="border: medium none ; padding: 0cm;">
      <table style="width: 748px; height: 104px;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td class="logo" width="380"><div><div>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="750">
<tbody><tr><td class="logo" width="380">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="750">
<tbody><tr><td class="logo" width="380"><div><div><img src="%D0%A1%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0.%20%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0%20%D0%9E%D0%97%D0%98%D0%A0_files/imagebuilder.jpg" border="0"></div></div><div><div><img src="%D0%A1%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0.%20%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0%20%D0%9E%D0%97%D0%98%D0%A0_files/imagebuilder.gif" border="0"></div></div></td><td class="bg1"><img src="%D0%A1%D1%82%D0%B0%D1%80%D1%82%D0%BE%D0%B2%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0.%20%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0%20%D0%9E%D0%97%D0%98%D0%A0_files/bg1.gif" dynamic="src=COLORPIC1_BINARYFILE" height="87" width="370"><div style="padding-right: 15px;" align="right"><div><br>
</div></div></td></tr></tbody>
</table>
</td></tr></tbody>
            </table>
</div></div></td></tr></tbody>
      </table>
</td>
   </tr>
</tbody></table>

<div class="container">
     <ul id="nav">
    
    
     <li><a href="#" class="sub" tabindex="1">Федеральные законы:</a><img >
              <ul>
                  <li><a href="149.pdf">от
            27 июля 2006 г. N 149-ФЗ Об
            информации, информационных технологиях и о защите информации</a></li>
            
                  <li><a href="152.pdf">от 27 июля 2006 г. N 152-ФЗ о
            персональных данных</font></a></li>
                  <li><a href="federal_law_N_160_fz.pdf">от 19 декабря 2005 г. N 160-ФЗ о
            ратификации конвенции совета европы о защите физических лиц при
            автоматизированной обработке персональных данных</a></li>
               <li><a href="federal_law_N_128-fz.pdf">от 8 августа 2001 г. N 128-ФЗ о
            лицензировании отдельных видов деятельности</a></li>
               <li><a href="1-fz.pdf">от 10 января 2002 года N 1-ФЗ  Об
            электронной цифровой подписи</a></li>
               <li><a href="63.pdf">от 6 апреля 2011 г. N 63-ФЗ Об
            электронной подписи</a></li>
               <li><a href="56-fz.pdf">от 30 апреля 2008 года N 56-ФЗ О
            дополнительных страховых взносах на накопительную часть трудовой
            пенсии и государственной поддержке формирования пенсионных
            накоплений</font></a></li>
               <li><a href="27-fz.pdf">от 1 апреля 1996 года N 27-ФЗ Об
            инфдивидуальном (персонифицированном) учете в системе
            обязательного пенсионного страхования</a></li>
               
              </ul>
       </li>
          <li><a href="#" class="sub" tabindex="1">Постановления правительства:</a><img >
              <ul>
                  <li><a href="resolution_N_687.pdf">от 15 сентября 2008 г. N 687 об утверждении положения об
            особенностях обработки персональных данных, осуществляемой без
            использования средств автоматизации</a></li>
                  <li><a href="resolution_N_781.pdf">от 17 ноября 2007 г. N 781 об утверждении положения об
            обеспечении безопасности персональных данных при их обработке в
            информационных системах персональных данных</a></li>
                  <li><a href="resolution_N_512.pdf">от 6 июля 2008 г. N 512 об утверждении требований
            к материальным носителям биометрических персональных данных и
            технологиям хранения таких данных вне информационных систем
            персональных данных</a></li>
                  <li><a href="resolution_N_504.pdf">от 15 августа 2006 г. N 504 о
            лицензировании деятельности по технической защите
            конфиденциальной информации</a></li>
            <li><a href="resolution_N_957.pdf">от 29 декабря 2007 г. N 957 об утверждении положений о
            лицензировании отдельных видов деятельности, связанных с
            шифровальными (криптографическими) средствами</a></li>
            <li><a href="resolution_N_228.pdf">от 16 марта 2009 г. N 228 о
            федеральной службе по надзору в сфере связи, информационных
            технологий и массовых коммуникаций</a></li>
            <li><a href="1233.pdf">от 3 ноября 1994 г. N 1233 об
            утверждении положенияо порядке обращения со служебной
            информациейограниченного распространения в федеральных органах
            исполнительной власти</a></li>
            <li></li>
              </ul>
       </li>
       <li><a href="#" class="sub" tabindex="1">Указы президента:</a><img >
              <ul>
                  <li><a  href="decree_of_president_N_188.pdf">Указ президента РФ от 6 марта 1997 г. N 188 об
            утверждении перечня сведений конфидециального характера</a></li>
                  <li><a href="decree_of_president_N_609.pdf">Указ президента РФ от 30 мая 2005 г. N 609 об
            утверждении положения о персональных данных государственного
            гражданского служащего РФ и ведении его личного дела (утв.
            Президентом РФ 09.09.2000 N Пр-1895</a></li>
            <li></li>
                  
              </ul>
       </li>
       <li><a href="#" class="sub" tabindex="1">Документы ФСБ России:</a><img >
              <ul>
                  <li><a href="fsb_cryptography.pdf">Методические
            рекомендации по
            обеспечению с помощью криптосредств безопасности персональных
            данных при их обработке в информационных системах персональных
            данных с использованием средств автоматизации</a></li>
                  <li><a href="152pr.pdf"><font size="1">Типовые требования об утверждении
            инструкции об организациии обеспечении безопасности хранения,
            обработкии передачи по каналам связи с использованием
            средствкриптографической защиты информации с
            ограниченнымдоступом, не содержащей сведений, составляющих
            государственную тайну</font></a></li>
                  <li><a href="fsb_order_149_7.pdf"><font size="1">Типовой регламент проведения в пределах полномочий мероприятий
            по контролю (надзору) за выполнением требований, установленных
            Правительством Российской Федерации, к обеспечению безопасности
            персональных данных при их обработке в информационных системах
            персональных данных</font></a></li>
            
            
              </ul>
       </li>
       <li><a href="#" class="sub" tabindex="1">Документы ФСТЭК России:</a><img >
              <ul>
                  <li><a href="fstec_base_model.pdf">Базовая модель угроз безопасности персональных
            данных при их обработке в информационных системах персональных данных</a></li>
                  <li><a href="fstec_personal.pdf">Методика определения актуальных угроз безопасности персональных данных при
            их обработке в информационных системах персональных данных</a></li>
                  <li><a href="fstec_order_55.pdf">Приказ от 13 февраля 2008 г. N 55 об
            утверждении порядка проведения классификации информационных
            систем персональных данных</font></a></li>
               <li><a href="fstec_order_58.pdf">Приказ
            от 5 февраля 2010 г. N 58 об утверждении положения о методах и способах защиты информации в
            информационных системах персональных данных</a></li>
               <li><a href="FSTEK%20SOA/pz_c4.pdf">Методический
            документ фстэк россии профиль защиты систем обнаружения вторжений
            уровня сети четверто класса защиты ит.сов.с4.пз -Утвержден
            ФСТЭК России 3 февраля 2012 г.</a></li>
               <li><a href="FSTEK%20SOA/pz_c5.pdf">Методический
            документ фстэк россии профиль защиты систем обнаружения вторжений
            уровня сети пятого класса защиты ит.сов.с5.пз -Утвержден
            ФСТЭК России 6 марта 2012 г.</a></li>
               <li><a href="FSTEK%20SOA/pz_c6.pdf">Методический
            документ фстэк россии профиль защиты систем обнаружения вторжений
            уровня сети шестого класса защиты ит.сов.с6.пз -Утвержден
            ФСТЭК России 6 марта 2012 г.</a></li>
               <li><a href="FSTEK%20SOA/pz_y4.pdf">Методический
            документ фстэк россии профиль защиты систем обнаружения вторжений
            уровня узла четвертого класса защиты ит.сов.у4.пз -Утвержден
            ФСТЭК России 3 февраля 2012 г.</a></li>
               <li><a href="FSTEK%20SOA/pz_y5.pdf">Методический
            документ фстэк россии профиль защиты систем обнаружения вторжений
            уровня узла пятого класса защиты ит.сов.у5.пз -Утвержден
            ФСТЭК России 6 марта 2012 г.</a></li>
               <li><a href="FSTEK%20SOA/pz_y6.pdf">Методический
            документ фстэк россии профиль защиты систем обнаружения вторжений
            уровня узла шестого класса защиты ит.сов.у6.пз - Утвержден
            ФСТЭК России 6 марта 2012 г.</a></li>
             
               
             
              </ul>
       </li>
       <li><a href="#" class="sub" tabindex="1">Документы Роскомнадзора:</a><img >
              <ul>
                  <li><a href="order_N_08.pdf">Приказ от 17 июля 2008 г. N 08 об
            утверждении образца формы уведомления об обработке персональных
            данных</a></li>
                  <li><a href="rsoc_order_630.pdf"><font size="1">Приказ от 1 декабря 2009 г. N 630 об
            утверждении административного регламента проведения проверок
            федеральной службой по надзору в сфере связи, информационных
            технологий и массовых коммуникаций при осуществлении федерального
            государственного контроля (надзора) за соответствием обработки
            персональных данных требованиям законодательства Российской
            Федерации в области персональных данных</font></a></li>
                  <li><a href="order_N_18.pdf"><font size="1">Приказ от 30 января 2010 г. N 18 об
            утверждении административного регламента федеральной службы по
            надзору в сфере связи, информационных технологий и массовых
            коммуникаций по исполнению государственной функции ведения
            реестра операторов, осуществляющих обработку персональных данных</font></a></li>
            
              </ul>
       </li>
       <li><a href="#" class="sub" tabindex="1">Международные документы:</a><img >
              <ul>
                  <li><a href="convension_1981.pdf">Конвенция
            о защите частных лиц в отношении автоматизированной обработки
            данных личного характера (рус.)</a></li>
                  <li><a href="convension_1981_eng.pdf">Конвенция
            о защите частных лиц в отношении автоматизированной обработки
            данных личного характера (англ.)</a></li>
                
              </ul>
       </li>
                  
                  
     </ul>
   </div>




CSS


   *{
     margin:0;
     padding:0;
   }
   
   body {
         background-color:#fff;
         color:#fff;
     font-size:14px;
     font-style:normal;
     font-family:Arial, Helvetica, sans-serif;
        }
   .container {
               width:400px;
               height:400px;
           position:absolute;
               top:100px;
                   
               padding:10px;
              }
            
            

   #nav {
         margin:0 auto;
     border:2px solid #666666;
     border-radius:2px;
         -moz-border-radius:2px;
         -webkit-border-radius:2px;
     box-shadow:1px 1px 4px #666666;
         }
   #nav, #nav ul {
                  list-style:none;
                  padding:0;
                  width:1200px;
                  }
   #nav ul {
            position:relative;
            z-index:-1;
           }
   #nav li {
            position:relative;
            z-index:100;
           }
   
   
   #nav ul li {
               margin-top:-23px;
               -moz-transition:  0.4s linear 0.4s;
               -ms-transition: 0.4s linear 0.4s;
               -o-transition: 0.4s linear 0.4s;
               -webkit-transition: 0.4s linear 0.4s;
               transition: 0.4s linear 0.4s;
               }
   #nav li a {
              background-color:#FFFFE0;
              color:#000000;
              display:block;
              font-size:16px;
              font-weight:bold;
              line-height:40px;
              outline:0;
              padding-left:15px;
              text-decoration:none;
             }
    
   
   #nav li a.sub {
                background-color:#000000    no-repeat;
                  }
   
               
   #nav li a + img {
                         
                    cursor:pointer;
                    display:none;
    width:1200px;
                    height:28px;
                    left:0;
                    position:absolute;
                    top:0;
                   }
   
   
   #nav li a img {
                  border-width:0px;
      width:24px;
                  height:24px;
                  line-height:28px;
                  margin-right:8px; /* отступа от правого края */
                  vertical-align:middle;
                 }
    
             
   #nav li a:hover {
                    background-color:#FFFACD;
                   }
   
   
   #nav ul li a {
                 background-color:#FFFACD;
                 border-bottom:0px solid #ccc;
                 color:#000;
                 font-size:11px;
                 line-height:22px;
                 }
    
   
   #nav ul li a:hover {
                       background-color:#ffffff;
                       color: #993300;
                      }
   #nav ul li a img {
                     background: url("../images/small.png") no-repeat;
     width:16px;
                     height:16px;
     border-width:0px;
                     line-height:22px;
                     margin-right:5px;
                     vertical-align:middle;
                     }
    
   
   #nav a.sub:focus {
                     background:#ffffff;
                     outline:0;
                     }
    
   
   
   #nav a:focus ~ ul li {
                         margin-top:0;
                        -moz-transition:  0.4s linear;
                        -ms-transition: 0.4s linear;
                        -o-transition: 0.4s linears;
                        -webkit-transition: 0.4s linears;
                        transition: 0.4s linear;
                        }
   
   
   #nav a:focus + img, #nav a:active + img{
                                            display:block;
                                            }
Аватара пользователя

Администратор

Сообщения: 240

Зарегистрирован: 30 май 2011, 10:45

Откуда: Вильнюс

Баллы репутации: 60

Сообщение bearing » 30 июл 2013, 18:54

Где, что, когда? :)
Я сделал из вашего кода html и css файлы.
И ничего не понял.
Меню, как такового даже не увидел.
Есть раздвигающиеся пункты и все.

Скрины сделайте.
Вообще-то,
не совсем корректно сформирован вопрос.

Новичок

Сообщения: 3

Зарегистрирован: 25 июл 2013, 11:33

Баллы репутации: 0

Сообщение Илья » 30 июл 2013, 20:59

Вот как это должно быть.http://rghost.ru/47783083.view,http://r ... 83212.view Код рабочий только подменю выезжает за пределы основного меню.
Аватара пользователя

Администратор

Сообщения: 240

Зарегистрирован: 30 май 2011, 10:45

Откуда: Вильнюс

Баллы репутации: 60

Сообщение bearing » 01 авг 2013, 20:10

Точно так у меня в хроме и выглядит.

тьфу, наконец дошло.
верхнее меню соприкасается с нижним блоком. Так?
Вложения
Skrin.png
Skrin.png (32.25 КБ) Просмотров: 7367
Аватара пользователя

Администратор

Сообщения: 5001

Зарегистрирован: 22 янв 2011, 16:48

Баллы репутации: 203

Сообщение Серега » 02 авг 2013, 08:44

А вот я так и не понял - в чем проблема :)

Вернуться в Всяко разно

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron

Как создать свой сайт самому?
Обучение компьютеру | Контакты | Партнёрская программа | Магазин | Подписка на уроки