mrnobody
-
Posts
955 -
Joined
-
Last visited
-
Days Won
40
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mrnobody
-
Отображение содержимого блочного элемента выходящего за границу
mrnobody replied to Delat's question in HTML Coding
Очищаем поток: .layer:before, .layer:after{ content: " "; display: table; } .layer:after{ clear: both; } .layer{ *zoom: 1; } Задайте внутреннюю тень .layer с обеих сторон, а не с одной: .layer{ box-shadow: -4px 0 10px -2px #F0F0F0 inset, 4px 0 10px -2px #F0F0F0 inset; } и удалите внутреннюю тень у элемента .left-text. А вот пунктирный разделитель можно вырезать кусочек и задать бекграундом для .layer. Или можно было бы вставить разделитель через псевдоэлемент, но тогда очищать поток нужно через overflow: hidden; : .layer{ overflow: hidden; } Или можно вырезать горизонтальный кусок и вставить фоном в .layer, только удалите белый фон у элемента .sidebar. http://img191.images...30523210238.png -
Отображение содержимого блочного элемента выходящего за границу
mrnobody replied to Delat's question in HTML Coding
У вас sidebar "вырван" из потока свойством position: absolute, то есть на этот блок другие элементы не обращают внимания, словно его и нету. http://img594.imageshack.us/img594/3026/20130523132130.png -
Отображение содержимого блочного элемента выходящего за границу
mrnobody replied to Delat's question in HTML Coding
Если боковая панель у вас плавающая, то можно задать футеру clear: both; ? -
Если я правильно понял, то может быть вот так? http://jsfiddle.net/mrnobody/dqHWC/ Фуллскрин — http://fiddle.jshell.net/mrnobody/dqHWC/show/ Работает в IE9+ — http://caniuse.com/#feat=css-sel3
-
Ширина viewport в iOS при смене ориентации экрана
mrnobody replied to exeto's question in HTML Coding
Может так прописать в head'е: <meta name="viewport" content="width=device-width, initial-scale=1.0"> -
У вас после открывающегося тега <body> перенос строки генерируется http://img43.imagesh...30509182637.png, удалите его, если инклудится файл, то проверьте кодировку этого файла, должно быть utf-8 без BOM http://www.sdelaysite.com/kniga/verstka-kniga/html-kodirovka
-
Да, плывет, и не только в Хроме, в остальных браузераз тоже (( http://www.oil-m.in....e=account/login Скрин (на фиксированный блок в скрине не обращайте внимания, скриншот делал с прокруткой)
-
Можно вот так, но его еще дорабатывать и дорабатывать, бордеры у пунктов меню, внутренний белый блик ((: http://jsfiddle.net/mrnobody/RgGG5/1/ http://fiddle.jshell.net/mrnobody/RgGG5/1/show/
-
В первом случаем мы можем разместить input в начале документа, a label в самом конце. И При клике на "мужчина" у нас input в начале документа станет активным. http://htmlbook.ru/html/label/for А вот во втором случае такого не получится.
-
Видел на форуме, но уже не помню кто, делали центрирование с помощью псевдоэлемента, попробовал реализовать, если что, дополните пожалуйста: http://jsfiddle.net/mrnobody/HhfXS/ На весь экран: http://fiddle.jshell.net/mrnobody/HhfXS/show/ Можно еще с позиционирование, но нужны точные размера блока: http://jsfiddle.net/mrnobody/L3Xyx/ На весь экран: http://fiddle.jshell...ody/L3Xyx/show/
-
Помогла
-
http://htmlbook.ru/css/white-space white-space: nowrap; но тогда нужно задать минимальную ширину или блоку с менюшкой или самим пунктам меню.
-
Вот такой есть http://www.wookmark.com/jquery-plugin
-
расстояние между текстом и горизонтальными границами ячейки
mrnobody replied to byy's question in HTML Coding
Может так? http://jsfiddle.net/mrnobody/4UNLK/1/ или так http://jsfiddle.net/mrnobody/4UNLK/2/ -
Скопируйте в таблицу стилей .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /*Для IE6 и IE7*/ .clearfix { *zoom: 1; } и присвойте класс .clearfix контейнеру. Пример: http://jsfiddle.net/cqMmt/
-
Вот так можно, но мне кажется это не лучший способ http://jsfiddle.net/ZE2RN/1/. Ой, ошибся в подсчетах вот исправил http://jsfiddle.net/ZE2RN/2/ На весь экран http://fiddle.jshell.net/ZE2RN/2/show/
-
Задайте фиксированные размеры элементу .min. так как внутри элемента нету контента, то его высота равна нулю, так как вы задали элементу float: left, а ширина в этом случае тоже зависит от контента, следовательно получается блок с высотой и шириной 0px × 0px. А то, что вы задали max-width: 100% говорит о том, что его ширина не может быть больше 100% родителя, это не означает что вы задали ему ширину в 100%.
-
Можно еще с помощью псевдоэлементов (:before, :after), только в IE7 не будет работать. http://jsfiddle.net/kHaL5/1/ На весь экран http://fiddle.jshell.net/kHaL5/1/show/
-
Убрать зазор и отцентровать по-вертикали навигацию
mrnobody replied to aaron's question in HTML Coding
#nav li { display: inline-block; } -
Там можно ее оптимизировать еще, но для начала пойдет ) http://jsfiddle.net/DFuxE/4/ Фуллскрин http://fiddle.jshell.net/DFuxE/4/show/
-
Можно что-то вроде такого сделать — http://jsfiddle.net/FmMXz/
-
http://jsfiddle.net/a9vqa/ Полноразмерный вариант http://fiddle.jshell.net/a9vqa/show/ http://caniuse.com/#...ultibackgrounds в IE 8 и ниже работать не будет.
-
Вот еще способ http://jsfiddle.net/T7r6y/1/, немножко модифицировал вариант Switch74, только не знаю, в лучшую или худшую сторону.
-
http://img594.images...30331221838.png ну вроде все правильно показывает — 1500px. http://fiddle.jshell.net/gLnKJ/show/ Код вставляйте через теги , а лучше сюда — http://jsfiddle.net/
-
Вроде такого http://anton.shevchu...-2/slide-2.html ? Если да, то вот страница с примером http://anton.shevchu...or-beginners-2/
