Leaderboard
Popular Content
Showing content with the highest reputation on 11/23/2012 in Posts
-
<section> <!-- тут или див или что захотите в нем находится лого и ссылки на авторизацию --> <nav><!-- наше меню большое --> <!-- какие ссылки тут будут? можно опять же использовать простой див. --> </section> Пример более подробный: <section> <nav class="menu2 float-r"><!-- идет список типа: <a href="#"></a><a.../> --></nav> <div class="logo float-l"><!-- лого + авторизация --></div> <nav> <!-- наше меню --></nav> float-r - float: left; float-r - float: right; Сначала правый ставится, а попробуйте поставить в конце поймете причину.1 point
-
Да все просто, представьте что вы решетка - # и действуйте, действуйте! HTML: <nav> <ul> <li>Лучшее <ul><li>link</li> <li>link</li> <li>link</li> </ul> </li><!-- end лучшее --> <li>новые <ul><li>link</li> <li>link</li> <li>link</li> </ul> </li><!-- end новые --> <li>добавить <ul><li>link</li> <li>link</li> <li>link</li> </ul> </li><!-- end добавить --> </ul> </nav> CSS: ul { text-align: center;} ul li {font-size: 16px; text-align: center; color: gold; float: left; display: block; width: 32%; margin-left: 2%; /* 32+32+2+2=100% */ } ul li:first-child {margin-left: 0px;} ul li ul {overflow: hidden;} ul li > li {float: left; color: #fff; font-size: 14px; float: none; width: auto; /* тут лучше заставить все элементы брать всю ширину которая им дается, если все фиксированно то еще легче. Не забывай, что дочерние элементы могут брать значения у родителя, их надо обнулять или менять на свои. */} палочки или при ксс делать, типа border или отдельные <li/>. Пример: <li>link</li> <li>|</li> <li>link</li> <li>|</li> <li>link</li> p.s. делал по этой картинке - ( _http://fotohost.org/images/a144826b-93kB.jpg ) Я кажется писал выше, сделайте последнее меню по правому краю, шапку с ссылками авторизации по левому, меню по центру. Аминь.1 point
-
А чем плох список в список? И при чем тут header? не надо вставлять все знакомые вам блоки во все щели.1 point
-
<nav> <ul> <li>Лучшее<ul><li>link</li><li>link</li><li>link</li></ul> <li>новые<ul><li>link</li><li>link</li><li>link</li></ul> <li>добавить<ul><li>link</li><li>link</li><li>link</li></ul> </li> </ul> </nav> вот и все По последней картинке: <section> <div class="logo + login" /> <!-- суда код выше с менюшкой --> </section>1 point
-
Ну, кстати, погоди. Во-первых, я лошара и меня слушать тоже не вариант), а во-вторых, Вход и Рега тоже важные разделы тоже важная херня. Я бы сделал так. Хедер - общий блок, в нём Нав (в котором 4 блока. Все кроме лого с подписью, и ссылки справа левые), и отдельно лого. А ваще мне бы самому интересно было послушать нормальную знающую братву)1 point
-
Вроде помогло: ul li { display: inline-block; overflow: hidden; /* Opera при этом более корректно распределяет элементы */ } Но Opera у меня не лучшим образом строит алгоритм сортировки элементов... Последний столбик часто заполняется далеко не равномерно другим.1 point
-
Хаа, такой ты хитрец) всё прибавляешь и прибавляешь объектов на картинке) Я говорил про вот этот блок весь.1 point
-
Такое? - _http://jsfiddle.net/2dVMh/5/ Поддержка - _http://caniuse.com/#feat=multicolumn Для IE: _http://welcome.totheinter.net/columnizer-jquery-plugin/1 point
-
У любой приличной CMS есть сайт, а на сайте — подробная документация о том, как делать под неё шаблоны. http://codex.wordpress.org/Templates — для Вордпресса. http://docs.joomla.org/Template_Development — для Джумлы. В чём сложность-то?1 point
-
Имхо, я бы сделал один <nav> контейнером, в который положил бы все эти три блока. Ведь, по сути, это одна навигация, пусть и с разными секциями.1 point
-
wmode:transparent; раньше флешкам нужно было давать. object у ютуба? Там же вроде iframe. Добавьте код на jsfiddle, т.е. сделайте меню + видео. И там ясно будет. Если ссылка на сайт секретна.1 point
-
Это дуровские подчиненные создали группу чтобы отсеивать порнушников. Вступил? Давай, до свиданья!1 point
-
Не создавать варезник, особенно если хотите там распространять продукты компаний типа майкрософт1 point
-
ндаа .. писать уже лишнего, по теме твоих речевых оборотов и полной алогичности приравнивания знаний структуры кода к своему мышлению, желания нет показывай уже свой ucoz-сайт-1 points
-
натолкнул: http://www.xiper.net/collect/html-and-css-tricks/rabota-s-flash/kak-perekrit-flash.html-1 points
-
А что в этом плохого? Для этого их и придумывают. ИМХО Если убрать тени, то на вид вполне нормально, опять же имхо-1 points
This leaderboard is set to Kiev/GMT+03:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо.
-