Search the Community

Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий

Нужен помощь, как изменить шаблон сайта. Есть уже подсказка как сделать синюю рамку http://jsfiddle.net/fzTva/ А как переделать остальные? Помогите ?

Всем доброго времени суток. Выполняя тестовое задание, столкнулся с проблемой. Сделал меню. В условия было указано, что надо использовать только css и html: http://jsfiddle.net/...ebee1993/WxdQp/ Проблема: Перегородка между элементом основного меню и раскрывающимся под ним списком должна отсутствовать. Выслушаю любые предложения. Заранее благодарен

Здравствуйте. Есть главное меню. Высота его 48px, залит он определенымм цветом. При наводе на пункт меню цвет фона ссылки меняется. Вопрос: как правильно заставить графический элемент отображаться с низу, после фона. Вот сайт:http://01020304.o0.pm/ (45px задал специально что бы было видно как урезается картинка )

Как создать серую с красной полоску с помощью CSS без использования двух картинок? Пробовал получилось с помощью картинок, все результаты с CSS не верно показывает полосу и она не по центру и присутствует наслоение.

Всем добрый день Столкнулся с проблемой. Не знаю как её решить. Залил сайт на хостинг, домен купил. Захожу на сам сайт "gasis.tv". Сайт показывается без стиля, т.е. не видит файлы CSS, в index.html все пути прописаны правильно (проверяло 3 человека). Помогите пожалуйста)

Всем привет. Написал сайтик теперь думаю как организовать доступ для редактирования содержимого.Что скажите про joomla? Благодарю за советы.

Замена картинок углов рамки на спрайт Возникла проблема, по их отображению, во первых у меня код: #wm .amoney_tr { background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent; height: 10px; overflow: hidden; padding-right: 13px; } Четыре угла .sprite { background: url('../images/donate_am.png') no-repeat -297px -202px; width: 13px; height: 13px; } Можно конечно сделать и в процентах, только всё равно отображает картинку Неправильно .sprite { background: url('imgs/donate_am.png') no-repeat 56.713% 43.287%; width: 13px; height: 13px; } В принципе пытался так вставить #wm .amoney_tr { background: url('imgs/donate_am.png') no-repeat 59.519% 40.481%; height: 10px; overflow: hidden; padding-right: 13px; } Как правильней?

Внутри блок зеленого цвета есть блок с текстом. Внутренний блок нужно разместить абсолютным позиционированием. Но если это сделать , то внешний блок не растягивается на его длину. Что нужно вписать во внешний блок? <div style="background-color:green"> <div style="position:absolute">Текст</div> </div>

Расположить по центру получилось а вот выравнять нет, подскажите?

Как правильней создать, хотел переделать картинки на спрайт и возник вопрос об их написании? <a href="javascript:void(0);" onclick="show_wm()" rel="nofollow"><img id="h1" class="south bor1" src="/" alt="" title="WebMoney" /></a> в основном видит такой вариант <ul id="navlist"> <li id="home"><a href="default.asp"></a></li> <li id="prev"><a href="css_intro.asp"></a></li> <li id="next"><a href="css_syntax.asp"></a></li> </ul> - какой лучше? Пробовал сделать такой вариант, у меня не получился: http://www.w3schools...rites_hover_nav Вопрос решён!

Как использовать выданные программой значение? Пример: logomm_small = 0 0 60 17 logorobox_small = 0 17 60 17 logorupay_small = 0 34 60 17 logosmscoin_small = 60 0 60 17 logowm_small = 60 17 60 17 Картинка: Программа: http://spritesheetpacker.codeplex.com/ Так? #home{left:60px;width:17px;} #home{background:url('img_navsprites.png') 0 0;} #home1{left:60px;width:17px;} #home1{background:url('img_navsprites.png') 0 34px;} #home2{left:60px;width:17px;} #home2{background:url('img_navsprites.png') 60px 0;} #home3{left:60px;width:17px;} #home3{background:url('img_navsprites.png') 60 px 17px;}

Картинка разъехалась как её собрать?

Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать, где в прикрепленном файле стилей нужно внести изменения для того, чтобы: 1) при наведении на пункт меню, он становился кликабельным целиком (т.е. таким, как подпункты меню из выпадающего списка) 2) аналогичный вопрос о записях под слайдером (т.е. при наведении запись становится кликабельной полностью) 3) и еще один вопрос по поводу записей: как изменить размер и положение фотоминиатюры внутри записи /*********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]Theme Name: Photoria Theme URI: http://www.wpzoom.com/themes/photoria Version: 2.0.2 Author: WPZOOM Author URI: http://www.wpzoom.com License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and Javascript elements are released under the WPZOOM Proprietary Use License below.[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]**********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]WARNING! DO NOT EDIT THIS FILE![/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file.[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]**********************************************************************************************/[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0; font-size: 100%;} ul {list-style: none;} img, fieldset {border: 0;} em {font-style: italic;} strong {font-weight: bold;}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]body {font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background-color: #16151a; color: #DFDFE0; } a {text-decoration:none; color: #55bbcc; } a:hover {text-decoration:underline; } a:active {outline:none;} h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; } p {margin: 0 0 16px; } .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 10px 15px 5px 0; } .alignright { float: right; margin: 10px 0 8px 20px; } .clear { clear: both; } .floatleft,.more_left { float: left; } .floatright { float: right; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]input { padding:5px; margin-right:4px;}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#container {width:100%; min-height: 200px; margin: 0 auto; text-align:center; font-size: 13px; line-height: 1.5; } #container div.wrapper {margin: 0 auto; width: 950px; text-align: left; padding: 0; } #container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; } #container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 2px 0; border-bottom: dotted 1px #58626a; } #header {padding: 20px 0; border-bottom: solid 2px #58626a; margin: 25px 0 15px; } #logo {float: left; display: inline; } #logo h1 a { font-size: 50px; font-family: 'Lato', Arial, sans-serif; font-weight: bold; text-transform: uppercase; color:#fff; } #nav {display: inline-block; margin: 20px 0 0; float: right; } #nav li {float: left; display: inline; font-size: 16px; font-weight: bold; padding: 6px 12px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} #nav li:hover {background-color: #58626a; } #nav a {color: #fff; text-decoration: none; text-shadow: #185177 1px 1px 0; } #nav li li {padding: 3px 0; line-height: 20px; font-size: 12px; font-weight: normal; } #nav li.current-menu-item {background-color: #58626a; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#menu {position:relative; z-index:200; } #menu li li{margin-right: 0; border-left: none; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif].downarrowclass { background:url(images/down.png) no-repeat center; padding:5px 12px;} .rightarrowclass {background:url(images/right.png) no-repeat center right; padding: 10px; position:absolute; right:10px; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/*Top level list items*/ .dropdown ul li{position: relative; display: inline; margin-right: 0; } /*Top level menu link items style*/ .dropdown ul li a{text-decoration: none; } * html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } /*1st sub level menu*/ .dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left; margin:0; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .dropdown ul li ul li ul{top: 0;} /* Sub level menu links style */ .dropdown ul li ul li a {width: 160px; padding: 5px 10px; margin: 0; border-top-width: 0; color:#fff; text-transform:none; display:block; } .dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;} .dropdown ul li ul li a:hover { color:#000; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#featPosts {margin-bottom: 10px; width: 950px; position:relative; position:relative; clear:both; } #featPostsBig {min-height: 400px; } #featPostsBig div.cover {}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* Required */ .container { overflow:hidden; position:relative; } .slides_container { position:absolute; top:0; left:0; } .slides_container li.slide { position:absolute; top:0; width:950px; min-height: 400px; display:none; } .postcontent { height:100%; overflow:hidden;} /* Optional */[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#featPosts a.prev { position: absolute; top: 38%; left: -5px; } #featPosts a.next { position: absolute; top: 38%; right: -5px; } #featPosts a.browse { position: absolute; width: 44px; height: 82px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; outline:none; border:none;} #featPosts a.prev { background-position: 0 -83px; right: 15px; } #featPosts a.prev:hover { background-position: 0 0; } #featPosts a.next { background-position: -45px -83px; } #featPosts a.next:hover { background-position: -45px 0; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* Main */ #main {float: left; display: inline; width: 630px; margin-right: 20px; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#content {margin-top: 20px; } #content ul.posts {margin: 15px 0 15px 0; } #content ul.posts li {position: relative; float: left; display: inline; margin-right: 10px; width: 300px; padding: 5px; } #content ul.posts li a {color:#fff;} #content ul.posts li.last {margin-right: 0; } #content ul.posts h2 {margin: 10px 0; font-size: 14px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 6px; border-bottom: solid 2px #58626a; } #content ul.posts img {margin: 1px 0 10px; } #content ul.posts li:hover {background-color: #5eacc5; color: #fff; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #content ul.posts li:hover h2 {border-bottom-color: #fff; } #content ul.posts li:hover h2 a { color:#fff;}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#content h1 {font-size: 32px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin-bottom: 10px; color:#fff;} #content h1 a {font-size: 32px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin-bottom: 10px; color:#fff;} .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 {font-weight: bold; margin-bottom: 12px; } #container .postcontent h2 {font-size: 28px; line-height: 30px; } #container .postcontent h3 {font-size: 26px; line-height: 30px; } .postcontent h4 {font-size: 24px; line-height: 28px; } .postcontent h5 {font-size: 20px; line-height: 24px; } .postcontent h6 {font-size: 18px; line-height: 22px; } .postcontent p {margin-bottom: 14px; } .postcontent p img {margin-bottom: 10px;} .postcontent ul, .postcontent ol {margin: 0 0 14px 14px; } .postcontent li ul, .postcontent li ol {margin-bottom: 0; } .postcontent li {list-style-position: inside;} .postcontent ul li {list-style-type: square;} .postcontent ol li {list-style-type: decimal;} .postcontent blockquote {font-style: italic; font-size: 18px; line-height: 24px; border-left: solid 5px #444; padding-left: 20px; margin-left: 20px; } .postcontent .alignleft { float: left; margin: 10px 15px 10px 0; } .postcontent .alignright { float: right; margin: 10px 0px 10px 15px; } .attachment { margin: 1em 0 } .wp-caption-text, .gallery-caption { color: #999; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif].postcontent .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; } .postcontent .gallery .gallery-item img { border: solid 5px #fff; } .postcontent .gallery .gallery-item img:hover {border-color: #55bbcc;} .postcontent .gallery { margin: auto; text-align:center; clear:both; } .postcontent .gallery-caption { margin-left: 0; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]h2.title {font-size: 18px; font-weight: bold; margin-top: 25px; padding-bottom: 6px; border-bottom: solid 2px #58626a; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* Comments */ #content ol.normalComments {clear: left; padding: 1em 0; margin:0; } #content ol.normalComments div.comment-body {position: relative; } #content ol.normalComments div.reply {position: absolute; top: 0; right: 0; } #content ol.normalComments li {clear: left; list-style-type: none; margin: 0 0 1em; padding: 10px 15px 5px 0; font-size: 11px; line-height: 16px; min-height: 80px; } #content ol.normalComments li ul.children {padding: 10px 0 0; } #content ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; } #content ol.normalComments li p {margin-bottom: 10px; line-height: 18px; overflow:hidden;}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#content ol.normalComments img.avatar { float: left; display: inline; margin: 0 15px 20px 0; } #content ol.normalComments cite {font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 10px; } #content ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; } #content ol.normalComments blockquote {font-size: 12px; line-height: 18px; } #content ol.normalComments span.says {display: none; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif].reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; font-size: 11px; } .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#respond {clear: left;} .cancel-comment-reply {margin: 10px 0 5px; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#commentform {margin-top: 15px; clear: left; } #commentform code {font-size: 11px; } #commentform p {margin: 0 0 5px; font-size: 12px;} #commentform #formLabels {float: left; display: block; width: 55%; } #commentform #formContent {float: left; display: block; width: 75%; } #commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; } #commentform input {width: 90%; padding: 8px 0 8px 7px; font-size: 14px; margin-bottom: 10px; } #commentform textarea { width: 100%; height: 130px; padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px; } #commentspost p {font-size: 12px; line-height: 24px;}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#content label, #commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; } #content #submit, #commentform #submit {background:none; font-size: 14px; padding: 5px 7px; width: auto; cursor: pointer; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#content ol.normalComments img.avatar {} #content #submit, #commentform #submit {background:none; background-color: #55bbcc; color: #fff; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 15px; font-weight:bold; font-family:Arial;} #content #submit:hover, #commentform #submit:hover {background-color: #444; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* Comments */ #content ol.normalComments .reply a, #content .cancel-comment-reply a { color: #4da5b4; } #content ol.normalComments .reply a:hover, #content .cancel-comment-reply a:hover {color: #fff; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#content ol.normalComments a {color: #58626a; } #content ol.normalComments cite, #content ol.normalComments cite a {color: #4da5b4; } #content .normalComments li.comment {color: #DEDEDE; border-bottom: dotted 1px #58626a; margin-bottom: 0; } #content .normalComments li.parent {border-bottom: none; } #content .normalComments ul.children {padding-top: 10px; border-top: dotted 1px #58626a; } #content input, #content textarea, #commentform input, #commentform textarea {background-color: #fff; color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; } #content .content h2.title {clear: left; } #content .postmetadata {margin: 0 0 10px; padding:0 0 10px; color: #999; border-bottom:1px dotted #474747; text-transform:uppercase; font-size:10px; display:block;} #content .postmetadata a {color:#fff;}[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* Sidebar */ #sidebar {float: left; display: inline; width: 300px; margin-top: 20px; } #sidebar .banner { margin:15px 0; } #sidebar .widget {margin-bottom: 20px; font-size: 12px; line-height: 18px; } #sidebar ul {margin: 0;} #sidebar ul.posts {margin: 15px 0; } #sidebar ul.posts li {padding: 0 0 10px; border-bottom: solid 1px #30343a; margin-bottom: 10px; } #sidebar ul.posts div.cover img { vertical-align: bottom; } #sidebar div.cover {float: left; display: inline; margin-right: 10px; } #sidebar div.content {overflow: hidden;} #sidebar p.postmetadata {margin: 0; color: #ABB0B5; } ul.social {margin: 10px; } ul.social li { display: inline; float:left; width: 130px; float: left; padding: 8px 0; line-height: 1.2; } ul.social li a { font-size: 14px; font-weight: bold; } ul.social li a span { color: #ABB0B5; font-size: 11px; display: block; font-weight: normal; font-family:Georgia; font-style:italic; } ul.social img { float: left; margin-right: 7px; } ul.social span {display: block; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif].sidebarLeft #main {float: right; margin-left: 20px; margin-right: 0;} .sidebarLeft #sidebar {float: right; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* Footer */ #preFooter {margin: 35px 0; font-size:11px; } #preFooter a {color:#55bbcc; } #preFooter div.column {float: left; display: inline; width: 230px; margin-right: 10px; } #preFooter div.last {margin-right: 0;} #preFooter h2, #sidebar h2 {color: #DFDFE0; font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 6px; border-bottom: solid 2px #30343a; margin-bottom: 12px; } #preFooter .widget:hover h2 { border-bottom:2px solid #58626a; } #footer {text-align: left; padding: 15px 0; border-top: solid 2px #58626a; color: #ccc; margin: 30px 0; } #footer p {margin:0; line-height: 18px; font-size: 12px; } #footer a {color: #999; } #footer a:hover {color: #fff; text-decoration: underline; } #footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 249px; } #footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px; padding:0;} #footer p.wpzoom a {color: #ccc; text-decoration: none;} #footer p.wpzoom a:hover { }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]div.navigation {margin-top: 10px; text-align: center; padding: 15px 0; border-top: solid 2px #58626a; border-bottom: solid 2px #58626a; } .navigation a, .navigation span.current { color: #58626a; vertical-align: middle; padding: 5px 6px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; } .navigation a:hover { color: #fff; text-decoration: none; background: #58626a; } .navigation a.next { position: static; } .navigation span.current { color: #58626a; background: rgba(255, 255, 255, 0.1); }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]/* WPZOOM Gallery Widget */ .widget #flickr_badge_wrapper {padding: 0; margin:0;} .widget #flickr_badge_wrapper .flickr_badge_image {list-style-type: none; float: left; display: inline; padding:0; margin: 0 11px 11px; } .widget #flickr_badge_wrapper .flickr_badge_image.last {margin-right: 0;} .widget #flickr_badge_wrapper .flickr_badge_image img {padding: 1px; }[/font][/color] [color=#000000][font=sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif]#preFooter .widget { margin:0 0 25px; } #preFooter .widget #flickr_badge_wrapper .flickr_badge_image img { height: 63px; width: 63px; } #preFooter .widget #flickr_badge_wrapper .flickr_badge_image {list-style-type: none; float: left; display: inline; padding:0; margin: 0 5px 11px; }

Не работает mootools, c jquery работает <script type="text/javascript"> function show_payment_form(name) { var pays = new Array( 'rupay','yandex','egold','paypal','wm' ); var fx = new Array(); for( i=0; i<pays.length; i++ ) { if( pays[i] != name ) { fx[i] = new Fx.Style( name, 'opacity' ).set(0); $(pays[i]).setStyle( 'display', 'none' ); } else { $(pays[i]).setStyle( 'display', '' ); fx[i] = new Fx.Style( name, 'opacity' ).start(0,1); } } } </script> - Код взят от J1.5 Как заставить этот код работать в J2.5 - J3.0?

Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите? <div class="focus-example cont1" style="text-align: center;"> <input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму"> <span class="letter">UAH - ₴</span> <input type="hidden" value="" name="operation_xml"> <input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature"> </div> <div class="focus-example cont1" style="text-align: center;"> <input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmount" original-title="Введите сумму"> <span class="letter">руб.</span> <input type="hidden" value="0000000" name="eshopId"> <input type="hidden" value="0000000" name="orderId"> <input type="hidden" value="0000000" name="serviceName"> <input type="hidden" value="000" name="recipientCurrency"> <input type="hidden" value="000000" name="serviceName"> <input type="hidden" value="0000" name="eshopAccount"> <input type="hidden" value="00000" name="successUrl"> </div>

Всем привет. Писал сайтик и сразу тестил его на хроме. В хроме все красиво и ровно, но во всех остальных браузерах наблюдаються нарушение либо стилей, либо отдельных елементов. Подскажите в кком месте искать проблему.

Доброго времени суток. Появилась проблемка (даже две!), решить не получается Может кто подкинет идейку... Есть сайт на wordpress. В css прописана шапка (картинка jpg, как видно по коду): /* begin Header */ div.art-Header { margin: 0 auto; position: relative; z-index:0; width: 960px; height: 300px; } div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 960px; height: 300px; background-image: url('images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ Хочу вместо нее прописать флешку (грубо говоря баннер) таких же размеров. Как это сотворить? И сразу второй вопрос вдогонку. На страничке (на том же wordpress) в коде пытаюсь прописать табличку вручную (плагины не годятся!), но не могу сделать таблицу прозрачной или цвета фона хотя бы, чтобы ее видно не было (bgcolor менял - толку никакого). Например, <table width="100" border="0" cellspacing="1" cellpadding="2" bgcolor="black"> <tbody> <tr> <td valign="top"> <h4><span style="color: #ccffff;">Директор</span></h4> </td> </tr> </tbody> </table> Не откажите в помощи, кто шарит, заранее спасибо

Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво

У меня есть в CSS такая запись: .pay-button { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 ); /* IE6-9 */ } Возможно ли её записать так: .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ } правда я прочёл , что должны быть в месте .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 ); /* IE6-9 */ } есть вопрос может его вообще удалить? Так как есть уже: background: #00b4f5; /* Old browsers */ background: -moz-linear-gradient(top, #00b4f5 0%, #0096d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b4f5), color-stop(100%,#0096d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00b4f5 0%,#0096d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b4f5 0%,#0096d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00b4f5 0%,#0096d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #00b4f5 0%,#0096d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 ); /* IE6-9 */

практикую верстку. сделал слайдер с помощью jQuery, он вроде работает. Но правую сторону слайдера, там где текст, при передвижении вправо выбрасывает вниз. При достижении границы родительского блока опускается вниз Тут наверное что-то с css не докручено. помогите, уже не знаю что делать, много чего перепробовал вот ссылка

Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 100, 145, 0.5); color: #FFFFFF; display: inline; font-size: 15px; height: 30px; line-height: 30px; padding: 0; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); width: 100px; } .selector { background: url(../img/box_bg.svg) no-repeat 0 0 #eee; /* Chrome 25-, Firefox 15-, Opera 12, Safari, IE9, Mobile*/ background: linear-gradient(#fff, #000); /* Chrome 26+, Firefox 16+, Opera 12.1+, IE10+ */ }

Всем привет. Нужно немного опустить блок с текстом по отношению к другому блоку с изображением, но почемуто блок опускается вместе с картинкой.Помогите решить проблему. На скрине показано какой блок нужно опустить. Немогу понять в чем беда. html <!DOCTYPE html> <html> <head> <meta crarset="utf-8"> <title>ruslanlizogub</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/960_24_col.css"> </head> <body> <div class="cv-section container_24"> <div class="person"> <img src="img/avatar.jpg" width="122" height="165" alt="ruslan lizogub"> <div class="fio"> <h1 class="lizogub">Lizogub Ruslan</h1> <h2 class="status">Junior Web Developer</h2> </div> </div> </html> css .container_24 { background: #f8f8f8; width: 960px; } .fio { width: 390px; height: 65px; margin-top: 30px; } .person img { float: left; margin-right: 25px; background-color: #fff; border: 1px solid #dedede; padding: 10px; } .cv-section { border-top: 20px solid #FDB020; }

делаю сайт под несколько экранов. несколько css файлов будут производить редизайн сайта при загрузке. через media="only screen and (max-width:траляля) в html несколько элементов в зависимости от разрешения экрана должны появляться/скрываться. можно сделать это с помощью visible - но тогда элементы как я понимаю все равно будут грузиться - просто визуально их не будет видно. может быть есть свойство css с помощью которого по id можно просто "вырезать" часть кода из html? то есть чтобы браузер игнорировал допустим конкретный div при загрузке страницы (как <!-- --!>) java script не предлагать - а то черт ногу сломит, я и так уже перемудрил

Как сделать, прописать, чтобы отображение полей и кнопок, в других браузерах было, как в Opera <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> <option value="3">WME</option> <option value="4">WMU</option> <option value="5">WMB</option> </optgroup> </select> <input type="submit" class="button" name="wmsubmit" alt="Осуществить платеж с Webmoney!" value="Отправить"/>