CSS+HTML

Тема в разделе "Веб-дизайн", создана пользователем aldonin, 12 июл 2011.

Модераторы: zek24
  1. aldonin

    aldonin Создатель

    Регистр.:
    4 янв 2009
    Сообщения:
    41
    Симпатии:
    18
    Помогите пожалуйста.Есть выпадающее меню, и при наведении курсора на последнии пункты меню, меню пропадает.Ни как не могу понять в чем проблема.
    CSS меню.
    HTML:
    
    #main-menu li ul {
    	position: absolute;
    	width: 130px;
    	left: -999em;
    }
    #main-menu li ul li {
    	border: 1px solid #7FB116;
    	border-width:0 1px 1px;
    	background: #7FB116;
    	position: relative; z-index: 9999;
    }
    #main-menu li:hover ul {
    	left: auto;
    }
    #main-menu li ul li a {
    	line-height: 25px;
    	font-size: 11px;
    	color: #FFFFFF;
    	width: 130px;
    }
    #main-menu li ul li ul li a {
    	border-width:0 1px 1px 0px;
    }
    #main-menu li ul ul {
    	margin: -31px 0 0 154px;
    }
    #main-menu li ul ul li a {
    	line-height: 25px;
    }
    #main-menu li:hover ul ul {
    	left: -999em;
    }
    #main-menu li:hover ul, #main-menu li li:hover ul{
    	left: auto;
    }
    #main-menu li:hover, #main-menu li.hover {
    	position: static;
    }
    #top-menu, #main-menu, #middle, #footer, #copyright, #header {
    	margin: 0 auto;
    
    html меню.
    HTML:
    
    <div id="main-menu-out">
      <div id="main-menu">
        <ul id="nav">
          <li class="nav_home <?php if ( is_home()) { echo ' here'; } ?>"><a href="<?php bloginfo('home'); ?>">Главная</a></li>
          <?php wp_list_pages('title_li='); ?>
        </ul>
      </div>
    </div>
    
     
  2. dixi

    dixi

    Регистр.:
    15 июн 2011
    Сообщения:
    199
    Симпатии:
    51
    http://www.stunicholls.com/menu/index.html

    Очень советую. На css, валидно, кроссплатформенно - когда мне надо меню, этот сайт незаменим. Быстро, качественно и бесплатно.
     
  3. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    776
    Симпатии:
    230
    мне сложно советовать не видя всего кода (меню),
    глянь нужный урок в этом курсе
    надеюсь поможет.
     
  4. aldonin

    aldonin Создатель

    Регистр.:
    4 янв 2009
    Сообщения:
    41
    Симпатии:
    18
    те меню мне не подходят.Вот весь css может кто поможет.
    HTML:
    
    #default_products_page_container {
    	width:100%;	
    	position: relative;
    	line-height:1.2em;
    }
    
    #default_products_page_container .wpsc_page_numbers_top {
    	margin-bottom:20px;	
    }
    
    #default_products_page_container .wpsc_page_numbers_bottom {
    	margin-top:20px;	
    }
    
    .wpsc_category_grid_item {
    	text-align: center;
    	background: #EFEFEF;
    	border: 1px solid #CCC;
    	margin:10px;
    	text-decoration: none;
    }
    
    .wpsc_category_grid_item .item_no_image {
    	color:#000;
    }
    
    
    #default_products_page_container .wpsc_page_numbers_top a:link, #default_products_page_container .wpsc_page_numbers_top a:visited, #default_products_page_container .wpsc_page_numbers_bottom a:link, #default_products_page_container .wpsc_page_numbers_bottom a:visited {
    	padding:5px 4px;
    
    }
    
    
    #default_products_page_container .wpsc_page_numbers_top span.current, #default_products_page_container .wpsc_page_numbers_top span.current, #default_products_page_container .wpsc_page_numbers_bottom span.current, #default_products_page_container .wpsc_page_numbers_bottom span.current {
    	padding:5px 4px;
    }
    
    .default_product_display {
    	margin-bottom:20px;
    	padding:10px;
    	position:relative;
    }
    
    .default_product_display .imagecol {
    	margin:0px 5px 0px 0px;
    	float:left;
    
    	position:relative;
    }
    
    .default_product_display .imagecol img.product_image {
    	background-color:#efefef;	
    }
    
    .default_product_display .imagecol img.no-image, #content .default_product_display .imagecol img.no-image {
    	background-color:#EFEFEF;
    	display:block;
    }
    
    .default_product_display .productcol {
    	float:right;
    	position:relative;
    }
    
    .default_product_display h2.prodtitle, #content .default_product_display h2.prodtitle {
    	margin:0 0 5px 0;
    	line-height:1;
    	clear:none;
    }
    
    .default_product_display span.sale {
    	position:absolute;
    	top:-10px;
    	left:-10px;
    	text-indent:-9999px;
    	display:block;
    }
    
    .default_product_display .wpsc_description, #content .default_product_display .wpsc_description {
    	font-size:13px;	
    	line-height:1.4em;
    }
    
    .default_product_display .additional_description, #content .default_product_display .additional_description {
    	font-size:13px;	
    	line-height:1.4em;
    	margin:0;
    }
    
    .default_product_display .additional_description_container {
    	margin:20px 0;	
    }
    
    .default_product_display a.additional_description_link:link, .default_product_display a.additional_description_link:visited {
    	text-decoration:underline;
    	color:#0062ce;
    	margin-left:5px;
    }
    
    .default_product_display a.additional_description_link:hover, .default_product_display a.additional_description_link:active {
    	text-decoration:none;
    }
    
    .default_product_display .additional_description {
    	display:none;	
    }
    
    .default_product_display form.product_form fieldset, #content .default_product_display form.product_form fieldset {
    	border: none;
    	padding: 0px;
    }
    
    .default_product_display form.product_form fieldset legend, #content .default_product_display form.product_form fieldset legend {
    	font-size:18px;
    	font-weight: normal;
    	padding:0px;
    }
    
    .default_product_display .wpsc_variation_forms {
    	padding:2px;	
    	margin-bottom:10px;
    }
    
    .wpsc_select_variation{
    	position:relative;
    }
    
    .default_product_display .wpsc_variation_forms table, #content .default_product_display .wpsc_variation_forms table, .default_product_display .wpsc_variation_forms table tr, #content .default_product_display .wpsc_variation_forms table tr, .default_product_display .wpsc_variation_forms table td, #content .default_product_display .wpsc_variation_forms table td {
    	border:none;
    	border-collapse:collapse;	
    	margin:0;
    }
    
    .default_product_display .wpsc_variation_forms table td.col1, #content .default_product_display .wpsc_variation_forms table tr td.col1 {
    	width:10%;	
    	text-align:left;
    	margin:0;
    	padding:2px;
    }
    
    .default_product_display .wpsc_variation_forms table td.col2, #content .default_product_display .wpsc_variation_forms table tr td.col2 {
    	width:80%;	
    	text-align:left;
    	margin:0;
    	padding:2px;
    }
    
    .default_product_display .wpsc_variation_forms label {
    	font-family: Georgia, "Bitstream Charter", serif;
    	font-size:14px;
    	color:#000
    }
    
    .default_product_display .wpsc_variation_forms select {
    	margin:0;
    	min-width:100px;
    	max-width:200px;
    }
    
    .default_product_display .wpsc_quantity_update {
    	margin-bottom:10px;
    	padding-bottom:10px;
    	margin-left:10px;
    }
    
    .default_product_display .wpsc_quantity_update input, #content .default_product_display .wpsc_quantity_update input {
    	margin:0;
    	line-height:1.2em;
    	font-size:12px;
    }
    
    
    .default_product_display .wpsc_quantity_update label, #content .default_product_display .wpsc_quantity_update label {
    	font-family: Georgia, "Bitstream Charter", serif;
    	margin:0;
    	line-height:1.2em;
    	font-size:12px;
    	color:#F60;
    }
    
    .default_product_display .wpsc_product_price {
    	margin-bottom:10px;
    	font-size:16px;
    	padding:5px;
    	display:inline-block;
    	*zoom:1;
    }
    
    .default_product_display .in_stock,
    .single_product_display .in_stock {
    	position: relative;
    	background-image: url(wpsc-images/yes_stock.png);
    	background-repeat: no-repeat;
    	padding-left: 20px;
    	left:-5px;
    }
    
    .default_product_display .out_of_stock,
    .single_product_display .out_of_stock {
    	position: relative;
    	background-image: url(wpsc-images/outofstock.png);
    	background-repeat: no-repeat;
    	padding-left: 20px;
    	left:-5px;
    }
    
    
    .default_product_display .wpsc_product_price p, #content .default_product_display .wpsc_product_price p {
    	margin:0;
    }
    
    .default_product_display .wpsc_product_price span.oldprice {
    	text-decoration:line-through;
    	color:#666;
    }
    
    .default_product_display p.soldout, #content .default_product_display p.soldout {
    	font-weight:bold;
    	font-size:14px;
    	color:#C33;	
    	background:url(wpsc-images/outofstock.png) no-repeat scroll 0 2px transparent;
    	padding-left:18px;
    	margin:0;
    }
    
    .default_product_display div.wpsc_loading_animation {
    	visibility:hidden;	
    	margin-top:5px;
    }
    
    .default_product_display div.wpsc_loading_animation img, #content .default_product_display div.wpsc_loading_animation img {
    	border:none;
    }
    
    .default_product_display .product_footer .product_average_vote strong  {
    	font-size:0.8em;	
    	float:left;
    }
    
    .default_product_display .product_footer .product_average_vote span  {
    	font-size:0.8em;	
    	float:left;
    }
    
    .default_product_display .product_footer .product_user_vote {
    	clear:both;
    	font-size:0.8em;	
    	float:left;
    }
    
    .default_product_display .wpcart_gallery img, #content .default_product_display .wpcart_gallery img {
    	margin-right:6px;
    	border:1px solid #ccc;	
    }
    
    .wpcart_gallery .attachment-gold-thumbnails, .imagecol .product_image{
    	cursor: -webkit-zoom-in;
    	cursor: -moz-zoom-in;
    }
    
    .default_product_display .wpsc_buy_button_container,
    #content .default_product_display .wpsc_buy_button_container,
    .single_product_display form.product_form .wpsc_buy_button_container,
    #content .single_product_display form.product_form .wpsc_buy_button_container{
    	text-align: right;
    }
    
     
  5. MustangUA

    MustangUA Создатель

    Регистр.:
    9 май 2007
    Сообщения:
    22
    Симпатии:
    1
    У меня ничего не пропадает. Можешь дать ссылку на страничку, где это меню у тебя не работает?
     
  6. lifediz

    lifediz Yii Framework developer

    Регистр.:
    7 июн 2008
    Сообщения:
    385
    Симпатии:
    507
    ТС, сразу и браузер, его версия, разрешение сообщите.