Leaderboard

На фоне того сколько пользы приносит сайт и форум, то можно и бесплатно

Ну если быстро, наобум и минималистично, вот, набросал Хотя самому напоминает больше медицинские конторы) (Большей частью из-за цвета) Можно ещё попробывать кривые заменить на прямые... А вот для вдохновения

Сайту htmlbook.ru не хватает специализированной мобильной версии, так что можно убить двух зайцев сразу – устроить конкурс на создание мобильной версии, это дизайн, вёрстка и структура. Как вам такая идея?

как то так http://jsfiddle.net/CQLGf/

картинку в бэкграунд с этим словом и отступы http://jsfiddle.net/6QYPE/9/

Здравствуйте! Давно интересует такой момент. Вот всегда, пока верстаю, встаёт одна и таже проблема. Добиваюсь практически попиксельного отображения во всех версиях браузеров, включая 7го осла. Но как только дело доходит до форм - всё, пиши пропало. В одном браузере выше, в другом ниже, в третьем - левее, в четвёртом - чекбокс не выравнивается внутри лэйбла и ещё куча-куча разных проблем. Я не знаю, может я такой тупой и уже давно всё придумали, но что-нибудь вроде css-reset для элементов форм в природе не существует? Понятное дело, что особенности есть, и их всё-равно нужно учитывать, но может быть они уже где-то расписаны? В этом вопросе гугл мне не помог :-( P.S. также очень интересует стилизация элементов, хотя бы минимум - текстовые инпуты, чекбоксы, радио..

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;} legend{border:0;*margin-left:-7px;padding:0;white-space:normal;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;} button,input{line-height:normal;} button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;*height:13px;padding:0;*width:13px;} input[type="search"]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;} выдрал из своего ресета в некоторых случаях верстать, к примеру, кнопки форм лучше не ипутами, а другими элементами (типа дивов), так легче добиться кроссбраузерности http://jsfiddle.net/jdKFa/ пример - в Opera у кнопки появляются черные границы, исчезающие при повторном нажатии

Нарисовал логотип: http://d.pr/eHkW Не очень, конечно, но пока пойдет..

Или тут поимени не принято обращаться, или я не так что-то понимаю. Или я процетировал разные вещи. В любом случае, спасибо всем. А вообще смысл таков, что мы можем вычеркнуть JS из DHTML. Таким образом мы отделяем и специализируем технологии. ДизайнерамВерстальщикам можно будет больше не учить JS!! Если всё таки решусь доделать начатое, то мы будем иметь полноценную CSS галерею. Единственное, по-моему, что держит JS в DHTML, так это обработчик клика. Раньше использовали radio button с его :cheked. Ну вот как в примере там выше. Но у него есть большщой ньюанс - поддержка с IE9. А это значит только у кого win7 Я заменил на textarea и сделал через старый добрый :focus. Другой принцип и как минимум - с IE8 - а это очень весомый аргумент использовать CSS ввместо JS.....моё мнение)

function insertTab(o, e) { var kC = e.keyCode ? e.keyCode : e.charCode ? e.charCode : e.which; if (kC == 9 && !e.shiftKey && !e.ctrlKey && !e.altKey) { var oS = o.scrollTop; if (o.setSelectionRange) { var sS = o.selectionStart; var sE = o.selectionEnd; o.value = o.value.substring(0, sS) + "\t" + o.value.substr(sE); o.setSelectionRange(sS + 1, sS + 1); o.focus(); } else if (o.createTextRange) { document.selection.createRange().text = "\t"; e.returnValue = false; } o.scrollTop = oS; if (e.preventDefault) { e.preventDefault(); } return false; } return true; } <textarea onkeydown="insertTab(this, event);"></textarea>

ХБГ

Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-top: 1px solid #E7EAED; margin: 0px 12px; } .apps_wide_img { -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; } .apps_first { border-top: none; } А это другой <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <script type="text/javascript" src="http://wallaby.ucoz.ru/js_template/libs_010.js"></script> <div style="width:50%;float:left;"> <table id="app1979194" class="apps_cat_row" cellspacing="0" border="0"> <tbody><tr> <td class="$ENTRY_URL$"> <div class="app_cat_image_h"> <a href="$ENTRY_URL$" onclick="return showApp(event, 1979194, , 5);"><img class="apps_wide_img" src="$IMG_URL1$" align="left" height="75" width="75" alt="Загрузок $LOADS$" ></a> </div> </td> <td class="apps_cat_info"> <div class="app_name"> <a href="$ENTRY_URL$" onclick="return showApp(event, 1979194, , 5);" class="app_link"><font size="2" style="font-size: 10pt; ">$TITLE$</font></a> </div> <div class="apps_cat_users"> <font size="2" style="font-size: 10pt; ">Комментариев: $COMMENTS_NUM$ </font></div> <a href="$SECTION_URL$$"><font size="2" style="font-size: 10pt; ">$SECTION_NAME$, </font></a><a href="$CATEGORY_URL$"><font size="2" style="font-size: 10pt; ">$CATEGORY_NAME$</font></a> </td> </tr> </tbody></table>?</div>

Весьма неплохо для начинающего. Кроме тех моментов что уже указал NeoXidizer, хочу добавить что тег nav тем и удобен что нет необходимости плодить ul-li - пишите просто: <nav> <a href="#">...</a> <a href="#">...</a> <a href="#">...</a> <a href="#">...</a> </nav> Ну и если добавить HTML5 Shiv вместе с PIE будет и в ослах все замечательно

Ну намерения конечно благородные , но к сожалению времени на такое, боюсь не будет...

Вы хотите весь сайт? Бесплатно? Не, я в конкурсах ни участвовал ни разу, конечно...но чтоб так о.О