taiki
-
Posts
26 -
Joined
-
Last visited
taiki's Achievements
Explorer (1/14)
1
Reputation
-
задвоилось сообщение
-
Вопрос по способу предложенному вами: Чем то что я сделал, принципиально отлечается от того что предлагается? Я так же использую отрицаетельны отступ вверх и задаю минимальную высоту контейнера. Велосипед в данном случаи я не изобретал, а основывался на вашем же варинате, хотя не много иначе. Если боротся за "чистоту классов" мой вариант лучше, так как в верстку не вводятся дополнительные элементы. А вы сами говорите что не к чему использовать лишнее. Касательно вашего варианта меню, я обошелся вообще без классов, в последней редакции не потребовалось даже использования псевдоэлементов, так как я отказался от разделителей. header nav { display: none; background: #eee; border-radius: 0 0 5px 5px; height: 20px; margin: 0 auto; } nav li { width: 192px; float: left; } nav li a { text-align: center; width: 172px; line-height: 1em; float: left; margin: 0 10px; } nav li a:hover { border-bottom: 3px solid #F04D63; border-radius: 0 0 5px 5px; } nav li a:active { color: #F04D63; } header div { float: left; margin: 0 10px; } header div a { background: #eee; border-radius: 0 0 5px 5px; text-align: center; font-size: 2.4em; height: 25px; width: 120px; float: left; padding: 0 25px; } header div a:hover, header div a:active { color: #F04D63; } Еще хотел бы уточнить, Вы подключаете 2 скрипта: <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE9.js"></script> <![endif]--> для чего они? По поводу выпадающего меню, это вопрос риторический. И еще один вопрос, касательно классов, почему от них стоит отказатся?
-
Подскажите, корректно ли так прижать Footer к низу окна? html { position: relative; width: 100%; min-height: 100%; } * html { height: 100%; } ... footer { width: 100%; position: absolute; top: 100%; } #bottom-menu { border-top: 1px solid #444; width: 960px; height: 50px; margin: -51px auto; } полный код по адресу: _http://www.25pixel.ru/ Спасибо
-
Класс один лишний можно убрать
-
Да, задали задачку , но вроде как получилось. <div id="top-menu"> <nav> <ul> <li class="menu-il_right"><a href="#" class="menu-item">menu 1</a></li> <li class="menu-il_center"><a href="#" class="menu-item">menu 2</a></li> <li class="menu-il_center"><a href="#" class="menu-item">menu 3</a></li> <li class="menu-il_center"><a href="#" class="menu-item">menu 4</a></li> <li class="menu-il_left"><a href="#" class="menu-item">menu 5</a></li> </ul> </nav> <div class="menu-buttom-cont"><a href="#" class="menu-buttom">Menu</a></div> </div> но такое ощушение, что как-то сложновато.
-
по height, по border нет, так как в исходнике он был :boast:/>
-
Добавь 2 контейнера: один для левого столбца, второй для правого. А лучше скинь код.
-
как-нибудь так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <style type="text/css"> #photos_list { text-align: center; border: 1px solid #000; width: 100%; padding: 0; margin: 0 auto; } li { list-style: none; } img { border: 1px solid #000; width: 100px; height: 100px; padding: 0; margin: 0; } </style> <div id="photos_list"> <ul> <li><img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg"></li> <li><img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg"></li> <li><img src="/fw/files/thumb/34eaad9ffdbf4b65a82c2c57c54b0c0a.jpg"></li> <li><img src="/fw/files/thumb/461fc5c153c5dcc1e7ac045150f4b44b.jpg"></li> <li><img src="/fw/files/thumb/9d666b51d1ff8fddf24c2b2a889f4251.jpg"></li> <li><img src="/fw/files/thumb/5acaae7d8527aedc1e4e05f7f518b7ea.jpg"></li> <li><img src="/fw/files/thumb/90dab5a3a5bcf241630753a17e93497b.jpg"></li> <li><img src="/fw/files/thumb/0ecdd875ddea950fe6d05e0f597ced40.jpg"></li> <li><img src="/fw/files/thumb/f77274251c3c8591abe091e1652467af.jpg"></li> <li><img src="/fw/files/thumb/4abe9757c70f006f3fe3082302949045.jpg"></li> <ul> </div> Но возможно это не очень корректно.
-
по поводу nav, почитал _html5doctor.com, не до конца понял семантику menu. по поводу id и class, тоже нашел, опять же не корректно понял суть.. сейчас буду править, еще раз спасибо. поправил согласно замечаням, валидация прошла успешно. Думаю так должно быть корректо <nav> <ul> <li><a href="#" class="menu-item">menu 1</a></li> <li class="menu-wrap"></li> <li><a href="#" class="menu-item">menu 2</a></li> <li class="menu-wrap"></li> <li><a href="#" class="menu-item">menu 3</a></li> <li class="menu-wrap"></li> <li><a href="#" class="menu-item">menu 4</a></li> <li class="menu-wrap"></li> <li><a href="#" class="menu-item">menu 5</a></li> </ul> </nav>
-
Учел, исправил. Буду думать дальше. Спасибо
-
Изменил дизанй поста
-
Добрый день, Прошу оценить мой первый шаблон для WordPress. Пока что это заготовка, прикурчиавть буду после того как окончательно закончу. Хотел бы услышать ваше мнения по поводу качаества верстик, все ли на данном этапе корректно, нет ли грубых ошибок в коде. Так же прошу оценить CSS и дизайн. Что бы вы исправили или сделали подругому. Шаблон лежит по адресу: _http://www.25pixel.ru/ CSS: _http://www.25pixel.ru/style.css Заранее спасибо.
-
Спасибо, будем думать
-
Доброго времени суток, Не знаю подходит ли данный вопрос в этот раздел, прошу сильно не ругаться если промахнулся. Верстая шаблон столкнулся с такой проблемой, если можно так назвать, фаил стилей имеет большой размер (большое количество строк), конкретное число назвать не буду, так как все отностительно. Хотелось бы знать, как большой размер файла стилей отражается на работу шаблона/сайта в целом? Имеет ли смысл бить фаил стилей на несколько, и подключать уже их, или это не самая удачная идея? В каких случая такой вариант возможен? И последниий вопрос, нет ли сервисов или прогамм для оптимизации СSS файла?
-
sigma77, причем тут я?
