olegipman
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by olegipman
-
-
Извините еще раз пожалуйста за мою некомпетентность...
Exemple я не писал в коде-думал Вы мне подскажите как и куда его вставить...
CSS применяются ко всем моим Li в теге Ul и если я добавлю туда ееще один Li и там напишу exemple мне нужно обратиться в CSS отдельно к нему,чтоб задать Float: left
Вот в этом и вопрос как отдельно к нему отдельный стиль сделать...
- <ul>
- <li><a href="#">exemple</a></li> <-- Вот к нему как сделать отдельный стиль,чтоб все остальные были справа,а этот "li" слева...
- <li><a href="#">Home</a></li>
- <li><a href="#">About</a>
- <ul>
- <li><a href="#">Our team</a></li>
- <li><a href="#">History</a></li>
- </ul>
- </li>
- <li><a href="#">Clients</a></li>
- <li><a href="#">Contact Us</a></li>
- </ul>
-
А где именно?
Просто как я понимаю CSS присваивает всему "nav ul" float:right...
А как "обратиться именно к нужной мне "Li",чтоб ей прописать float:left?
Пропиши float:left
Но спасибо за ответ... Хотя бы Вы откликнулись)))
-
Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "Exemple" посередине между левой границей и "Home". Извините за неграмотное построение вопроса - я новичок...
Вот код:
HTML:
<Doctype HTML>
<html>
<head>
<meta charset='utf-8'>
<link rel="stylesheet" type="text/css" href="new.css">
</head>
<body>
<nav role='navigation'>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">Our team</a></li>
<li><a href="#">History</a></li>
</ul>
</li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</body>
</html>
CSS:
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
font-family: 'Lato', sans-serif;
}
nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.1);
}
nav ul{
list-style: none;
position: relative;
float: right;
margin-right: 100px;
display: inline-table;
}
nav ul li{
float: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
nav ul li:hover{background: rgba(0,0,0,.15);}
nav ul li:hover > ul{display: block;}
nav ul li{
float: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
nav ul li a{
display: block;
padding: 30px 20px;
color: #222;
font-size: .9em;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}
nav ul ul{
display: none;
background: #fff;
position: absolute;
top: 100%;
box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.1);
}
nav ul ul li{float: none; position: relative;}
nav ul ul li a {
padding: 15px 30px;
border-bottom: 1px solid rgba(0,0,0,.05);
}
nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}
Как присвоить стили CSS разным составляющим одного тэга <ul>
in HTML Coding
Posted
Как правильно эту тему обозвать,чтоб на будущее ребята посмотреть могли?
Или вообще лучше удалить?
Кстати у меня " float: left; " не работает((
На том же месте осталось...