В принципе я нашел в чем возможно вся проблема,но к сожалению если убрать одну строку,то меню вместо вертикального превратится в горизонтальное.Выделев меню я увидел выделенные блоки,которые находятся с права (фото прилогается). я тогда попробывал применить слои z-index к кнопке скачать
CODE ( html):
скопировать код в буфер обмена
<a href=\"img/{$tem919['file_name']}\"><br><img style=\"z-index:1000;\" width=\"90\" height=\"45\" src=\"images/butt.gif\"></a>
но к сожалению ситуацию это не поменяло. ниже написал часть когда горизонтального меню
и саму css где проблема тоится
CODE ( html):
скопировать код в буфер обмена
<? <div id="floatMenu"> <ul class="menu"> здесь идет PHP <ul id=\"nav\"> <li style=\"z-index:1;\"> {$Z} </li> </ul> ?> </ul> </div>
В общем проблема здесь в <ul id=\"nav\">
CODE ( html):
скопировать код в буфер обмена
#nav{ float:left; width:100%; /*-вот здесь проблема-*/ list-style:none; font-weight:bold; margin-top:10px; z-index:1; } #nav li{ float:left; margin-right:10px; position:relative; display:block; } #nav li a{ display:block; padding:5px; color:#fff; background:#333; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #nav li a:hover{ color:#fff; background:#6b0c36; background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */ text-decoration:underline; }
(Добавление)
Все,решил проблему.убрав
#nav{
float:left;
width:100%; /*-вот здесь проблема-*/
list-style:none;
font-weight:bold;
margin-top:10px;
z-index:1;
} Прикреплено изображение (Нажмите для увеличения)
|