@Faha1998
Full stack

Логотип перекрывает элементы меню. Как исправить?

Есть сайт,его код скинул,такая проблема там верхнее меню есть в виде списка,и если какой то элемент оказывается над логотипом,то он перестает работать как ссылка,не могу найти проблему
cb5a1aab475e48e4842183c9f0e7dcad.png
*{
margin: 0;
padding: 0;
outline: none;
}
body{
background: url(../images/bg.png) no-repeat center;
background-size: 110%;
font: 12px Arial, Tahoma, sans-serif;

}
a{
text-decoration: none;

}
.b3radius,.header_buttons ul li{
border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;

}
#mainbody{
width: 1000px;
margin:35px auto;
background: url("../images/mainline.png") #fff;
box-shadow: 0px 1px 3px #000000;
-webkit-box-shadow: 0px 1px 3px #000000;
-o-box-shadow: 0px 1px 3px #000000;
-moz-box-shadow: 0px 1px 3px #000000;
overflow: hidden;

}
h1{
font-size: 30px;
color: green;


}
.f_left,#menu1 ul li,h1,.header_buttons ul li{
float: left;
}
.f_right,input[name=topsearch]{
float: right;

}
#logo1{
padding-bottom: 18px;
padding-top: 1px;
padding-left: 18px;


}
#header1{
height: 95px;
outline: solid 1px #000;
background: #fff;
position: relative;
}
#sidebar1{
width: 195px;
border-right: solid 3px #C7D4E1;


}
#content1{
float: right;
height: 400px;
width: 800px;
}
.clr{
clear: both;
}
#menu1{
width: 1000px;
padding-top: 5px;    
height: 35px;
border-bottom: solid 4px #b1b1b1;


}
#menu1 ul{
list-style: none;


}
#menu1 ul li{
padding-bottom: 10px;

line-height: 35px;
padding: 0 20px;
border-right: solid 1px #F1F1F1;
}
#menu1 ul li:last-child {
border-right: none;

}
#menu1 ul li:hover{
background: #f1f1f1;

}
#menu1 ul li a{
color: #868686;
display: block;
line-height: 35px;
padding: 0 7px;
}
input[name=topsearch]{

margin-right: 10px;
height: 25px;
margin-top: 5px;
border: none;
box-shadow: inset 0px 1px 3px rgba[0,0,0,..0.1];
background: #f0f0f0;
padding: 0 5px;
width: 145px;

}
.search1{
margin-top: 10px;
margin-right: 15px;
float: right;

}
.bottomlogo1{
color: #A9A9A9;
font-size: 13px;
padding-top: 40px;
padding-bottom: 3px;
position: relative;
padding-left: 12px;

}
.header_right{
width: 520px;
height: 40px;
padding-top: 5px;
margin-right: 8px;
}
.header_profile{
background: url(../images/arrow.png) no-repeat center left;
max-width: 180px;
height: 40px;
border-right: solid 1px #f1f3f2;
padding-right: 10px;
position: relative;
}
.header_profile ul{
list-style: none;
display:none;
padding-left: 5px;
}
.header_profile:hover{
background: #f0f0f0;

}
.header_profile:hover ul{
display: block;
padding-left: 5px;
position: absolute;
top: 40px;
background: rgba[0.0.0.0.3];
right: -1px;
width: 100%;
color: #fff;
text-shadow: 1px 1px 1px rgba[0,0,0,.3];

}
.header_profile:hover ul li{
text-align: right;
padding: 3px 5px;
background: #C0C0C0;


}
.header_text{
font-family: bold;
color: #515151;
min-width: 130;
text-align: right;
margin-top: 7px;
float: left;
margin-right: 10px;
}
.header_text span{
font-size: 10px;
color: #b6b6b6;

}
.hp_photo{
border: solid 1px black;

margin-top: 4px;


}
.header_buttons ul{
list-style: none;
margin-top: 10px;

}
.header_buttons ul li{
background: #A9A9A9;
margin-right: 5px;

}
.header_buttons ul li a{
color: #fff;
padding: 6px;
display: block;
padding-left: 20px;

}
.header_buttons ul li:hover{
background: #D3D3D3;
}


<! DOCTYPE  html>
<html>
<head>

<title>Gworld Тащит</title>
<meta charset="utf-8">
<link href="css/style.css" type="text/css" rel="stylesheet">

</head>
<body>

<div id="Mainbody" class="b3radius">
<div id="header1">
<div id="Menu1">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Что либо</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">Дизнь</a></li>
<li><a href="#">Добавить новость</a></li>
</ul>
<form method="" action="">
<a href="#"><img src="images/search.png" alt="хз"
 width="15" height="15" class="search1 f_right"></a><input type="text" name="topsearch" 
 placeholder="Что ищем?:D" class="b3radius">

</form>
</div>

<div id="Logo1">


<h1><span style="color: red">G</span><span>world</span></h1>

<span class="BottomLogo1">Мы на шаг позади</span>
<div class="header_right f_right">
<div class="header_profile f_left">
<div class="header_text">KurbanMamaev<br>
<span>Новых сообщений 0</span></div>
<div class="f_right">
<img src="images/avatar.jpeg" width="35" height="30" class="b3radius hp_photo">
</div>
<ul>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>

</ul>

</div>

<div class="header_buttons b3radius">
<ul>
 <li><a href="#"><span>Правила на сайта</span></a></li>
 <li><a href="#">Добавить материал на сайт</a></li>
</ul>


</div>
</div>
</div>
</div>
<div id="sidebar1" class="f_left">

</div>
<div id="content1" class="f_right">

</div>
<div class="clr"></div>

</div>
</body>

</html>
  • Вопрос задан
  • 801 просмотр
Решения вопроса 1
@Faha1998 Автор вопроса
Full stack
Решил,оказалось надпись "Мы на шаг позади"перекрывала
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
*{
margin: 0;
padding: 0;
outline: none;
}


После этого я перестал смотреть код дальше...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы