NeoXidizer
-
Posts
372 -
Joined
-
Last visited
-
Days Won
5
Content Type
Profiles
Forums
Calendar
Store
Everything posted by NeoXidizer
-
http://jsfiddle.net/rpFLt/embedded/result/ vs http://divhack.com/downloads/study/1/1.png Сравните сами. Как только доделаете - пишите
-
что-то знакомое... http://forum.htmlbook.ru/index.php?showtopic=33632 -> http://ch1burator.narod.ru/ -> http://ch1burator.narod2.ru/1/international/index.html где взяли макетик?)
-
она жирная, обернута в элемент <strong>
-
если сделать .clear таким образом .clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}то через 3D представление слоев в Firefox можно будет увидеть, что он растягивает нижний элемент на высоту сайдбара, я не знаю почему Решения (все действуют независимо от друг-друга) 1. Задать фиксированную высоту 2. Добавить к #content атрибут float:left 3. Добавить к #content атрибут overflow:auto; тогда все будет отображать нормально
-
а может просто задать height элементу, который шалит?
-
вам невозможно помочь, так как отсувствует код, который создает проблему, а предоставленный код <!DOCTYPE html> <html> <head> <style> #content .checkout-nav-controls{margin-top:20px;width:400px;border:1px dashed #ccc;} #content .checkout-nav-controls .prev-control{float:left;} #content .checkout-nav-controls .next-control{float:right;} .clear{width:100%;height:1px;overflow:hidden;clear:both;float:none;visibility:hidden;} </style> </head> <body> <div id="content"> Some text <div class="checkout-nav-controls"> <a href="checkout_authorization.html" class="prev-control">< Назад</a> <input type="submit" value="Далее" class="next-control" /> <div class="clear"></div> </div> some text<br> some text </div> </body> </html>работает без проблем во всех браузерах
-
У меня Firefox11 отображает как надо
-
<a href="/1.html" style="cursor:pointer;" onclick="newWind=window.open('/1.html', '', 'width=750,height=560,left=200,top=100,status=no,location=no,toolbar=no,menubar=no,resizable=no,scrollbars=yes');return false;">Страница</a> открываем новое окно и обрываем обработку
-
firebug/любой другой инспектор и смотри, что создает отступ
-
как то так http://jsfiddle.net/CQLGf/
-
доступ расшарьте
-
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 у кнопки появляются черные границы, исчезающие при повторном нажатии
-
.punkty-vert-menu li { list-style: none; margin-bottom: 15px;}используйте элементы по назначению <br>, от слова break, в контексте html кода можно перевести как "разорвать" например в данном коде <br> разрывает текст Лето в стране настало, Вереск опять цветет. Но некому готовить Вересковый мед.который отобразится так <br> разорвал единую строку, создавая переводы на новую линию немного опоздал
-
не говоря уже о том, что у javascript большая кроссбраузерность
-
это уже зависит от остальных элементов на странице, телепатов здесь нет, чтобы знать, что у вас там еще и что именно вам нужно
-
потому что не верно используете css свойства padding-top - вы расширяете сам элемент на 500 пикселей за неимением изображений нормально протестировать не могу, но как-то так html, body { margin: 0; padding:0; height: 100%; color: #b48788; font-family: Tahoma, Arial, Vernada; font-size: 11px; background: url(images/bg.jpg) repeat; } #wrapper { height: 100% !important; width: 1000px; margin:0 auto; } img {border: 0;} #sale { width:166px; height:52px; background: url(images/sale.png) no-repeat; } #sale:hover { background: url(images/sale_h.png) no-repeat; }
-
Покритикуйте. Только начал работу в этой сфере
NeoXidizer replied to yafilip's topic in Discussion of works
http://dev.w3.org/html5/spec/the-nav-element.html#the-nav-element а здесь в примерах: Потому что без разницы, как оформлять меню. На html5doctor ничего не сказано, как должен оформляться контент внутри <nav> тега, там просто приведены примеры, где для оформления используется <ul> список. Ведь меню навигации бывает разным - в виде списка, например в сайдбаре, и в виде toolbar'а - горизонтально расположенных элементов, а в таких случаях использование списока (<ul>) просто не логично -
br3t, меню в хроме разъезжается, поизменяйте масштаб отображения страницы
-
это называется пагинация вроде бы в юкозе есть встроенная функция пагинации, поищите в настройках или обратитесь в техподдержку
-
напиши в icq 324277, попробуем разобраться
-
Покритикуйте. Только начал работу в этой сфере
NeoXidizer replied to yafilip's topic in Discussion of works
Это не правда. Там ничего не сказано про то, как оформлять ссылки внутри <nav>. Просто все привыкли, что все меню делается в виде списка, который изначально распологается вертикально, а затем через мучения и хаки его размещают горизонтально, если это требует дизайн. В то же время новый тег <nav> позволяет размещать в нем ссылки и не оборачивать их в что-либо, они изначально будут размещены горизонтально, а уж если нужно вертикальное меню, то действительно можно сделать список ссылок, который будет изображаться вертикально (хотя и обычные ссылки можно разсместить вертикально) -
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>
-
Покритикуйте. Только начал работу в этой сфере
NeoXidizer replied to yafilip's topic in Discussion of works
Смотрю только техническое исполнение: 1. В сайдбаре к textarea добавьте css атрибуты { overflow: auto; resize:none; }, таким образом уберется скроллбар в IE и кнопка ресайзинга в WebKit браузерах 2. Не используйте изображения большого размера, если они "сжимаются" на странице - ваше лого в оригинале 1181 ? 788 - 35кб, нужно уменьшить размер, например пропорционально обрезав в фотошопе 3. Вы используете тег <br\> там, где нужен отступ от элемента - margin 4. Укажите для кнопки Send it css атрибут cursor:pointer;, чтобы показать, что эта кнопка совершает действие и на нее необходимо нажать 5. Оберните пояснения к полям в <label> например: E-mail: <input type="text" class="field" id="email" name="email" />преобразуется в <label for="email">E-mail: </label><input type="text" class="field" id="email" name="email" />6. Укажите для label атрибут cursor:pointer; (хотя зависит от дизайна и "кому как нравится") 7. Не используйте глобальный селектор, это плохо сказывается на скорости рендинга (прорисовки) страницы, особенно если много контента, замените * { margin: 0; padding: 0; }на html,body,div,p,a,img,header,nav,ul,li,aside,h1,form,label,input,textarea,section,footer {margin:0;padding:0}дополняя элементами по мере наполнения страницы 8. Замените <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />на <meta charset="utf-8" />и поместите этот код сразу после открытия <head> 8. Добавьте HTML5 Shiv скрипт для поддержки IE<9 http://code.google.com/p/html5shiv/ -
слайдер на css уже сделали http://csscience.com/responsiveslidercss3/nojs.html
-
кажется, хостер принудительно кодировку выставляет (от местоположения <meta charset> ничего не зависит) попробуйте создать в корне сайта .htaccess с содержимым <IfModule mod_charset.c> CharsetDisable On </IfModule> AddDefaultCharset UTF-8 php_value default_charset utf-8
