olegipman
-
Posts
4 -
Joined
-
Last visited
olegipman's Achievements
Explorer (1/14)
0
Reputation
-
Как присвоить стили CSS разным составляющим одного тэга <ul>
olegipman replied to olegipman's question in HTML Coding
Как правильно эту тему обозвать,чтоб на будущее ребята посмотреть могли? Или вообще лучше удалить? Кстати у меня " float: left; " не работает(( На том же месте осталось... -
Как присвоить стили CSS разным составляющим одного тэга <ul>
olegipman replied to olegipman's question in HTML Coding
Извините еще раз пожалуйста за мою некомпетентность... 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 разным составляющим одного тэга <ul>
olegipman replied to olegipman's question in HTML Coding
А где именно? Просто как я понимаю CSS присваивает всему "nav ul" float:right... А как "обратиться именно к нужной мне "Li",чтоб ей прописать float:left? Но спасибо за ответ... Хотя бы Вы откликнулись))) -
Как присвоить стили CSS разным составляющим одного тэга <ul>
olegipman posted a question in HTML Coding
Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "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; }