swetlana
Expert-
Posts
1,629 -
Joined
-
Last visited
-
Days Won
8
Content Type
Profiles
Forums
Calendar
Store
Everything posted by swetlana
-
Очень просто: вложенным списком. <nav> <ul> <li>Бла <ul> <li>Бла бла <ul> <li>Бла бла бла <ul> <li>Бла бла бла бла</li> <li>Бла бла бла бла</li> <li>Бла бла бла бла</li> <li class="current">Бла бла бла бла</li> </ul> </li> </ul> </li> </ul> </li> <li>Бла</li> <li>Бла</li> <li>Бла</li> <li>Бла</li> <li>Бла</li> </ul> </nav>
-
я попробую. Если удастся разобраться с этими архивами… Простите уж, я с компьютером на «вы».
-
Не хотелось бы показаться совсем уж блондинкой, но по ссылке вроде как какая-то программа под Windows… А на обычном маке как открыть?
-
а теперь вы меня учите. Что такое .7z, и чем его открывать?
-
Михалыч, а есть такое красивое модное слово как graceful degradation. Или как? Совсем не? Может я что не так делаю, но в скачанном архиве у меня только три картинки, не сильно связанные между собой.
-
Влад, ну надо же подбодрить новичка! Пусть развивается.
-
даже не смешно. Народ в страницы внедряет код своего баннера, а код этот таков, что от одного взгляда на него плакать хочется. Ладно, придумаю, потом покажу. А может они уже и применят мою вёрстку к своему сайту вскоре. а по этому сайту ещё смешной момент: http://homeadvokat.ru/bitrix/templates/original/styles.css — читайте со строки 115. Времени потрачено некоторое количество на эту особенность всеми любимого браузера, замечательно поддерживающего стандарты
-
скрин? да так… для наглядности. Ну и psywolker же просил скрин. Вообще с первого взгляда же понятно — выравнивалось по базовой линии, на которой текст сидит.
-
пажалуфста: <!DOCTYPE html> <html> <head> <title>проверим-ка</title> <style type="text/css"> body { background: #efe9dd; } nav ul { text-align: center; } nav li { display: inline; } nav li a { display: inline-block; color: #633; background: #d0c1ae; -webkit-border-radius: 2px; padding: 0.5em 1em; margin: 0.5em; white-space: nowrap; } nav li a:hover { background: -webkit-gradient(linear,0 50%,0 100%,from(#a40e0d),to(#710a0b)); color: #fff; } </style> </head> <body> <nav> <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> <li><a href="/">просто текст</a></li> <li><a href="/">ну и ещё текст</a></li> </ul> </nav> </body> </html> за кроссбраузерность извиняйте, но доделывается несложно.
-
ul.menu > li { vertical-align: top; border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; }
-
так потому что vertical-align по умолчанию baseline. укажи top — и будет счастье.
-
позор на мою временно не седую голову! Конечно же text-align: center; очепятка это.
-
лениво конечно… но через некоторое время где-нибудь во флейме размещу.
-
psywalker, я здесь во многом ради того, чтобы понять то, чего не смогла понять самостоятельно. будете указывать на ошибки — спасибо. Я вот с удовольствием размещу сейчас ещё одну работу, но сделанную в текущих спецификациях. Только подскажите, как разместить в доступном месте статичную страницу при условии отсутствия своего хостинга?
-
Вердер, приди! Скажи нам всю правду о таком дизайне!
-
она будет вполне реальна
-
а не надо в div и тем более не надо float: left; надо списком, и примерно так в css: nav ul { text-align: center; } nav li { display: inline; }
-
Мишка, там ширина 100%. Но ведь зачем-то же я её указала… вспомнить бы теперь, зачем. Разберусь со своими горящими проектами — попробую понять. а насчёт неполного экрана… вот буквально на днях для государственного новостного портала указала body { width: 1000px; }. Это косяк? Заказчик-то доволен, но вот…
-
фотку из окна могу дать. Сойдёт? Правда там через дорогу уже ничего не видно за дымом.
-
а можешь пояснить? почему? у меня просто опыта пока мало, и теорией владею тоже достаточно слабо. в девяностые годы занималась сайтами, но на любительском уровне, а сейчас пока недели три-четыре как вникаю в тему обратно после десятилетнего перерыва. mishka2, а так html5, css3 — это современные спецификации. Разве нет? Пусть и пока не имеют статуса утверждённых, но на практике работают. Я сочла, что если в 2010 году начинать учиться вёрстке, то использовать именно эти спецификации. Когда они уже твёрдо войдут в обиход, а я получу достаточный опыт, не придётся переучиваться.