taiki
-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by taiki
-
задвоилось сообщение
-
Вопрос по способу предложенному вами: Чем то что я сделал, принципиально отлечается от того что предлагается? Я так же использую отрицаетельны отступ вверх и задаю минимальную высоту контейнера. Велосипед в данном случаи я не изобретал, а основывался на вашем же варинате, хотя не много иначе. Если боротся за "чистоту классов" мой вариант лучше, так как в верстку не вводятся дополнительные элементы. А вы сами говорите что не к чему использовать лишнее. Касательно вашего варианта меню, я обошелся вообще без классов, в последней редакции не потребовалось даже использования псевдоэлементов, так как я отказался от разделителей. 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, причем тут я?
-
sigma77, тут даже не в диве проблем мне кажется, а из-за фона.
-
можно и так. я конечно извиняюсь, но зачем требуется точное воспроизведение .jpg? пардон не корректно понял вопрос. border настраивает стиль для всех границ. если проложившим вставить * { border: 1px solid #444; } у тебя все границы ( вообще все), буду серые толщиной 1 пиксель если сделать table { border: 1px solid #444; } то соответственно только внешние границы будут толщиной 1 пиксель и так далее.
-
в стилях нужно добавить border: [параметры] но тут нужно смотреть куда конкретно
-
из-за фона все так и поехало так как он не тянеться, пардон но это на мой взгляд очевидно.
-
по этому поводу есть неплохой инструмент http://grids.heroku.com/
-
попробуй поставить в стиле ( в самом начале) * { padding: 0; } либо всему контейнеру задать max-width и га будущее не используй в коде кирилличные название названия, только латынь. кириллицей должен быть только контент, если проще то в коде не должно быть стиль1, стиль2...
-
почему у всех, я в 1 по старинке таблички юзал
-
смотрю на все и понимаю что где-то что-то делаю однозначно не так.
-
стяну себе работы rash, если не против.
-
http://jsfiddle.net/taiki2702/7Eqw2/ http://jsfiddle.net/taiki2702/8DpYV/5/ Сделал не все, и не много не до конца, все равно не призовые места не рассчитываю, больше интересно что скажут о "стиле". P.S. в предыдущем напортачил с hide
