Jump to content

olegipman

Newbie
  • Posts

    4
  • Joined

  • Last visited

olegipman's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Как правильно эту тему обозвать,чтоб на будущее ребята посмотреть могли? Или вообще лучше удалить? Кстати у меня " float: left; " не работает(( На том же месте осталось...
  2. Извините еще раз пожалуйста за мою некомпетентность... 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>
  3. А где именно? Просто как я понимаю CSS присваивает всему "nav ul" float:right... А как "обратиться именно к нужной мне "Li",чтоб ей прописать float:left? Но спасибо за ответ... Хотя бы Вы откликнулись)))
  4. Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "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; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy