как сделать такое меню
Страницы: 1
как сделать такое меню

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Добрый день.Я приактикующий начинающий верстальщик , сейчас для практики делаю такой шаблон
s017.radikal.ru/i429/1505/e1/04f7b023183b.png
Подскажите плиз кто знает , как сделать такое выпадающее меню как в макете , у меня что то оно не скрывается , хотя пробовал ставить visible hidden
 добавлю код который я уже написал:
html
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="container-fluid" id="topmenulogo">
<div class="col-sm-4" id="logo"><a href=""><img src="images/logo.png"></a></div>
<div class="col-sm-8" id="navigation">
<nav>
<ul>
<li><a href="">home</a></li>
<li><a href="">about</a></li>
<li><a href="">cervices</a></li>
<li><a href="">portfolio</a>
<ul class="inside">
<li><a href="">cervices</a></li>
<li><a href="">cervices</a></li>
<li><a href="">cervices</a></li>
</ul>
</li>
<li><a href="">blog</a></li>
<li><a href="">featured</a></li>
<li><a href="">contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="container-fluid">
<div class="col-sm-12">
caroucel
</div>
</div>
<div class="container-fluid">
breadcrumbs
</div>
</header>
<div  class="col-sm-8">
content
</div>
<div  class="col-sm-4">
right
</div>
<footer>
<div  class="container-fluid">
<div  class="col-sm-5">
modus versus
</div>
<div  class="col-sm-3">
footer menu
</div>
<div  class="col-sm-4">
blog
</div>
</div>
</footer>
</body>
</html>

css
@charset "utf-8";
#topmenulogo{
height:80px;
background-image:url(../images/headerbackground.png);
}
#logo img{
padding-top:22px;
margin-left:20%;
}
nav{
float:right;
padding-top:27px;
width:100%;
}
nav ul li{
float:left;
list-style-type:none;
margin-left:2%;
height:30px;
padding:0 2%;
}
nav ul li:hover{
background-color:#E5655D;
border-bottom:4px solid #E2534B;
border-radius:4px;
}
nav ul li a{
color:#fff;
height:30px;
display:block;
text-transform:uppercase;
font-weight:600;
font-size:90%;
margin-top:6px;
}
nav ul li a:hover{
color:#fff;
text-decoration:none;
}
.inside{
 position: absolute;
}
Изменено: oleg29331 - 6 Мая 2015 10:20
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:15 Marketcall - международная партнерская сеть с оплатой Pay Per Call и LeadGen 
18:54 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
16:53 28 октября предпятничная выдача 
16:49 Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте? 
09:51 Яндекс выдача 27.10.2021 
09:48 После обновления Yoast SEO становятся неактивные кнопки и ввод метаданных 
09:19 Супер-партнерка PayV: избранные офферы в топовых нишах 
18:39 Верификация аккаунта FTX (Самая высокая цена). 
17:54 Letspay.me - Capitalist, BTC, ETH, USDT <=> Cash USD EUR UAH RUB, AUTO Visa MasterCard UAH RUB 
15:17 BTCKASSA.NET - Автоматический обмен Криптовалют! 
15:12 Litex.pro обмен валюты с минимальной комиссией 
14:48 [eBucks] Автоматический обмен криптовалют. BTC и любые альткоины. Киви, Банковские карты и др. электронные системы. 
06:53 Betatransfer.net - обменник электронных валют 
01:50 Продвижение сайтов: прогоны (крауд ссылки, цитирование и брендинг). Опыт с 2009 года и много отзывов о работе. 
20:39 Причина блокировки телеграмм-канала 
18:50 Россиянам разрешили подавать в суд на искусственный интеллект 
18:48 Газета.Ru: Атака на Цукерберга: десятки СМИ одновременно раскрыли секреты Facebook 
18:35 В Роскомнадзоре оценили перспективы замедления YouTube 
18:31 Wildberries начал тестирование беспилотников для доставки заказов 
20:51 Дорогие iPhone можно больше не покупать. Россиянам разрешили брать их в аренду 
20:42 Менее 1% блогеров Рунета оказались зарегистрированными как ИП