Evkaky
-
Posts
64 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Evkaky
-
Простейший пример: <p id="one"> ololo <span>SSSS</span> <div id="ib">IB</div> </p> #one { padding: 30px; background: #deb887; } #ib { display: inline-block; border: 1px solid red; } http://jsfiddle.net/tQ9DM/ О ужас. Элемент <div id="ib">IB</div> почему-то "выпадает" из своего родителя <p id="one">. Если родительский тег Р заменить на div - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?
-
Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах не проверял еще) такого добиться невозможно. Каким бы я не устанавливал backgound-clip - картинка в этом элементе (background-image) ВСЕГДА И ПОЛНОСТЬЮ перекрывает фоновый цвет этого же эелемента(background-color). Это специфика тега <img>, это глюк, или можно как-то для любого элемента добиться того, что бы для картинки и для фонового цвета были разные backgound-clip (другими словами - из под картинки торчит ее фоновый цвет в паддинге, а сама картинка только в контент-боксе)? И еще, не совсем по теме. Правда, что задание атрибутов height и width в теге <img> ускоряет обработку этой картинки браузером? Мол если задать эти значение вручную - то браузеру не надо расчитывать самому размеры загружаемой картинки... А, походу разобрался. Нужно сделать размер блока БОЛЬШЕ, чем размер картинки и при этом background-origin установить в значение content-box, а background-clip в padding-box. Тогда эффект тот же, что в теге <img>. Запутано немного. Ладно, в любом случае, второй вопрос остается актуальным для меня)
-
Alex Shnayder, отличная статья, то что нужно! Благодарю! Кстати, такой вопрос...все эти красивые тени на цсс3 в большом кол-ве на одной странице сильно сказываются на скорость отрисовки такой страницы браузером? Имеет ли смысл обойтись картинкой (если таких красивых теней на странице должно быть много) Есть у кого опыт?
-
http://www.intenseblog.com/theproton/blog/sed-suscipit-metus-a-ipsum-dapibus.html Под картинкой тень очень интересная. По краям она тонкая и по мере приближению к центру становится все ярче и толще. Такая же тень у них сбоку, ограничивает контент от правого сайдбара. Так вот, как сверстать такую тень? Не используя банально картинку в качестве фона. Может какими нибудь ухищрениями с transform можно? Может у кого есть пример, скиньте плз) Я знаю как сверстать тень для одного угла, что бы создать эффект как бы приподнятого уголка блока, вот такие: http://ruseller.com/lessons/les1493/demo/index.html Но как сверстать такую тень, как в теме вордпресса... Или такую тень только картинкой можно сделать? :(/>
-
Zen coding уже стал emmet. На пример, для редактора sublime text 2 он уже точно есть в виде плагина https://github.com/sergeche/emmet-sublime emmet - это тот же Zen coding + аналогичная фича для цсс. Набираешь что-то типа wd100 жмешь Tab (или что-то другое, в зависимости от настроек своего редактора) и это разворачивается тебе в полноценный width: 100px; Тоже удобно. Так же, в определенных кругах советуют такую штуку, как LESS http://lesscss.org/ (или что-то похожее: SASS, SCSS) Это такие себе, легкие задатки программирования на цсс. Он там и вендорные префиксы за тебя расставит и вообще, хвалят его очень. Из фреймворков twitter bootstrap хорош http://twitter.github.com/bootstrap/ Ну и практика, со временем станешь верстать быстро.
-
У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>
-
1)<input type="file"> Внешний вид этого инпута очень разный в хроме и фаерфоксе (последние версии) Если в ФФ еще куда ни шло (текстовое поле, рядом с ним кнопка "Обзор"), то в хроме просто кнопка "Выберите файл" и рядом тупо текст "Файл не выбран" Сам-то инпут функционирует как и положено, в обоих браузерах, файл можно выбрать итд, тут притензий нету. Меня не устраивает: а - как поменять надпись на самой кнопке ("Обзор" или "Выберите файл" мне не очень подходят)? <input type="file" value="ololo"> ничего не дает б - то, что в хроме нету текстового поля рядом с кнопкой (как в ФФ) меня сильно смущает. Если я хочу что б было соответсвующее текстовое поле, при щелчке по которому тоже можно выбрать файл (как в ФФ, короче) как быть? 2)Про атрибут enctype для тега <form>, а точнее, его значение, которое по умолчанию. Тогда почему, когда я просматриваю ПОСТ на стороне сервера (через пхп, например), то там ничего подобного нету. Пробелы на + не заменяются, русские символы на их хексы тоже не заменяются. Как это понимать?
-
В чем разница между этими двумя тегами? Вроде ж оба для оформления цитат. Может какой-то из них считается устаревшим? Только не пишите "никакой разницы нету". Понятно, что любую страницу можно полностью сверстать каким-то одним, любым тегом, например <p> Но ведь должна же быть какая-то разница в семантике между <blockquote> и <cite> P.S. редактор текста, который у вас тут, до боли похож на CKEditor
-
1) Директива @import url() в цсс файле создаст дополнительный запрос к серверу? 2) Сам урл (в круглых скобках который) можно писать как в ковычках, так и без ковычек, я прав?
-
Неужели на этом форуме никто не знает про этот атрибут?))
-
Вот они все. http://www.w3.org/1999/xhtml/vocab/#XHTMLRoleVocabulary Стал замечать их использование в верстках современных сайтов. Только вот, все равно не понимаю до конца ихнего смысла. Зачем они? Чисто для сео? Если только для семантики, то разве новых HTML5 тегов и просто правильного названия классов и айдишников не достаточно? В общем, пользуетесь ли вы этим атрибутом? И аргументируйте пожалуйста свой ответ.
-
Наткнулся на статью, о проблеме с подгрузкой изображений для элементов, которые по умолчанию display: none; http://www.xiper.net/collect/html-and-css-tricks/css-tricks/preload-images.html Статья эта датирована 2009 годом (хотя, почти 2010), но технологии то, на месте не стоят. В связи с этим, вопрос: эта проблема актуальна на сегодняшний день? И если да - то может вы знаете какие-нибудь более изящные/легкие способы решения этой проблемы, чем те, которые приведены в статье?
-
А по поводу HTML5 кто-нибудь знает?
-
Стал чаще встречать атрибут lang в теге html. W3C говорит по этому поводу: "Этот атрибут определяет базовый язык значения атрибутов элементов и текстового содержимого" И что нужен он для: "Оказание помощи поисковых систем Помощь агент пользователя выбрать символ варианты для высокого качества типографии Помощь агент пользователя выбрать набор кавычек Помощь агентам пользователей принимать решения о переносов, лигатур и расстояния" И тут у меня вопросы: 1) Разве не для этих же целе <meta http-equiv="Content-Language" content="ru"> 2) А если у меня значения атрибутов на англ, а сам контент сайта на русском? Что мне тогда писать в <html lang="">? 3) Действительно ли стоит его использовать для "Оказание помощи поисковых систем"? Вы используете его в своей практике? 4) "Помощь агент пользователя выбрать символ варианты для высокого качества типографии" - вот тут не понял. Что значит "высокое"/"не высокое" качество типографии? Как оно определяется? Нужто наявностью атрибута lang? 5) Если у меня сайт мультиязычный, то мне при смене языковых файлов (в смысле при смене языка контента) надо бы и менять значение <html lang=""> на соответствующее, или нет? И пара вопросов по HTML5. Почти все говорят о новых тегах, то только в одной статье заметил вот еще коекакие изменения: 1) Теперь в конце не нужно ставить закрывющий слэш в таких тегах как <link> <br> <meta> <input>. Это действительно так? 2) Вместо <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> теперь актуально писать так? <meta charset="utf-8">
