xTODx

http://htmlbook.ru/css/hover так я поменяю стиль a а не его родительского элемента.

но как? HELP

http://habrahabr.ru/post/159027/ Серверный скрипт вроде добавляет класс к активному пункту. Нужно только для этого класса стили задать. ну вот я понял, можно спрайтом, ноо. Как сделать что бы менялось именно при наведении на ссылку?) но тут я понял, что нужно же что бы только у родительского элемента.

.menu1 a:hover ~ .menu1{background: url(img/lento.png); background-size: 100% 110%; padding:3px;}.menu2 a:hover ~ .menu2{background: url(img/lento.png); background-size: 100% 110%; padding:3px;} Можно ли сделать так? Цель: при наведении на ссылку, Меняется фон .menu ____ оффтоп, как сделать подсветку открытого пункта меню(активного что ли).

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

ого, вот это поворот если честно)) сейчас проверю!!!

немного не пойму, то есть нужно единую картинку под бордер, правильно? и как задать сколько обрезать?? честно читал это ещё до того как задать вопрос.

Всем привет. Подскажите, как реализовать рамку вокруг картинки в стиле плёнки, картинки верха, низа, и т.д. есть. Как разместить их вокруг элемента7

Всем привет, думаю частый вопрос, но решение я так и не нашёл. Вот шаблон <div class="wrapper"> <header class="header"> <div id="logo"> <a href="/" style="color: #CCC;"> <img id="logoimg" src="<?=$site['shablon']?>img/logo.gif" /> <!—<h2><?=!$site['title'];?> <?=!$site['losung'];?></h2> <!— название сайты—> <!— Лозунг—> </a> </div> </header><!-- .header--><div class="line"></div> <div class="middle"> <div class="container"> <div class="upbar"> <?php up(); ?></div><?php require "{$config->APP_PATH}/views/vmaterial.php"; ?> </div><!-- .container--> <aside class="leftbar"> <?php left() ;?> </aside><!-- .left-sidebar --> </div><!-- .middle--> <footer class="footer"> <div id="leftfooter"> <?php echo $site['contitul']; ?> </div> <div id="rightfooter"> <?php mobi();?> </div> </footer><!-- .footer --></div><!-- .wrapper -->А вот CSS: html{width: 100%;height: 100%;}body {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;width: 100%;height: 100%;}/*Шаблон*/.wrapper{ width: 80%;margin: 5px 0 5px 10%;height: 100%;}.header{ width:100%;height:135px;background:#999999;}.line{ background:url(img/line.jpg);height:5px;position: relative;background-size:contain;}#logo { width: 100%;height: 100%;}.middle{ background:#999;height:100%;}.container{float: right;width: 80%;}.leftbar {float: right;width: 20%;background: #B5E3FF;} .leftbar выходит за пределы по высоте. Если поставлю height: 100% то содержимое этого блока спокойно выходит, но блок заканчивается в нужном месте. Нужно что бы растягивало и подгоняло .container

При правильной, структурированной верстке ничего особенного не нужно. Почему у Вас разъехалась, я не знаю, не углублялся в код. По поводу шаблонов http://htmlbook.ru/layout. Не стоит пользоваться тем что Вы до конца не понимаете. Разберитесь и напишите свой код - будет полезнее и конкретно под Ваши нужды.(+ легче поддерживать и скорость загрузки будет выше) дело как раз в том, что я оттуда и взял макет)) если я вам скину Шаблон, кто может помочь?

хорошо, постараюсь исправить, а как под IE сделать? А меню и так списком делаю. Может есть у кого стандартный двухколончатый шаблон?)

Круто Тоже не заметил никаких скачков. Возможно это причуды взаимодействия height, margin, vertical-align: top. P.S. Проверял в IE 8, вся верстка погибает. P.S.S. Если время не поджимает то пересмотрите весь код, у Вас много ошибок. можете объяснить в чём ошибка? и как адаптировать под IE? Прыгает когда обновляете страничку, допустим перешли куда то, обновите....( body { font: 0.8em Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */ background: url(../img/fon2.gif) repeat; /* Путь к фоновой картинке и цвет фона, если пользователь отключил показ картинок*/ color: #000; /* Цвет текста */ } a:link { /* Цвет ссылки */ color: #FFFFFF; text-decoration:none; font-family: Arial, Helvetica; } a:visited { /* Цвет посещенной ссылки */ color: #fefefe; text-decoration:none; font-family: Arial, Helvetica; } a:active { /* Цвет активной ссылки */ color: #FFFFFF; text-decoration:none; font-family: Arial, Helvetica; } a:hover { /* Цвет ссылки при наведении курсора*/ color: #4f4f4f; text-decoration:none; font-family: Arial, Verdana; } div.partfolio { /* парфтолио */ color: #999999; height:700px; width: 648px; overflow:auto; } .partfolio a{ color: #999999; } .partfolio a:hover{ color: #666666; } #partblock { alignment-adjust:central; text-align:center; } #randompartffolio{ alignment-adjust:central; padding-left: 40px; } .onemat { /* один материал */ background: #eee; /* Цвет фона колонки */ padding: 5px; /* Отступы вокруг текста */ } img { background: #cc0001; } .leftblock { color:#FFFFFF; } #allleft { background: url(../img/fonc.gif) 0 100% repeat; } .leftblock { /* background: url(../img/col2.jpg) #eee; /* Цвет одного левого блока */ border-color:#999999; margin: 0; /* Отступ колонки */ padding: 15px; /* Отступы вокруг текста */ text-align: justify; /* Выравнивание по ширине */} ul.menu { /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4f4f4f), to(#2b2b2b)); */ } .upblock { min-height:40px; min-width:200px; max-height:60px; max-width:100%; float:right; border: none; position: relative; } .onecontetn { width: 650px; float: left; text-align:left; } /*Date and time create and adit*/ .datecr { border-color:#CCCCCC; border:inset; float:left; width:120px; vertical-align:bottom;} .dateed { border-color:#CCCCCC; border: inset; float:left; width:120px; vertical-align:bottom; } #up{ width 600px; } /*TOP MENU*/ .menuup{ } ul.menuup li { color: #fff; vertical-align:top; margin: 2px; padding: 3px; float: left; text-align:center; height:20px; min-width: 60px; max-width: 300px; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#990000)); background-image: -webkit-linear-gradient(#cc0000, #990000); background-image: -moz-linear-gradient(top, #cc0000, #990000); background-image: -ms-linear-gradient(#cc0000, #990000); background-image: -o-linear-gradient(#cc0000, #990000); background-image: linear-gradient(#cc0000, #990000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#990000', GradientType=0); -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; list-style: none; } ul.menuup li:hover { color: #fff; list-style: none; margin: 2px; padding: 3px; float: left; text-align:center; height:20px; min-width: 60px; max-width: 300px; background: #2b2b2b; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; } .menuup a{ color: #fff; } /*NEEEEW SHABLON*/ #logo { color:#CCCCCC; background: url(../img/logo.gif) 0 0 no-repeat ; height: 135px; width: 300px; float: left; } #imghead{ float:right; width:700; height: 135px; } #container { width: 1000px; /* Ширина слоя */ margin: 0 auto; /* Выравнивание по центру */ background: url(../img/fonc.gif) 0 0 repeat #f0f0f0; /* Цвет фона левой колонки */ } #header { font-size: 2.2em; /* Размер текста */ background: #8fa09b; /* Цвет фона шапки */ color: #ffe; /* Цвет текста */ height:135px; } #sidebar { clear:right; margin-top: 0px; width: 280px; /* Ширина слоя */ padding: 0 10px; /* Отступы вокруг текста */ float: left; /* Обтекание по правому краю */ background: url(../img/col.png) 0 0 no-repeat ; /* Цвет фона колонки */ min-height: 800px; background-size:contain; } #content { position:relative; margin-left: 300px; /* Отступ слева */ padding: 30px; /* Поля вокруг текста */ background: #fff; /* Цвет фона правой колонки */ min-height: 840px; margin-bottom: -10; } #onecontent a{ color: #999999; } #onecontent a:hover{ color: #666666; } #footer { width:990px; background: #990000; /* Цвет фона подвала */ color: #fff; /* Цвет текста */ padding: 0px; /* Отступы вокруг текста */ clear: left; /* Отменяем действие float */ margin:0 0; } #home { margin-top: 10px; width:600px; } #book { width:600px; } #line { width:1000px; background: url(../img/line.jpg) repeat-x; height:7px; background-size:contain; } #linedown { width:1000px; background: url(../img/line.jpg) repeat-x; height:7px; background-size:contain; position: relative; } #leftfooter{ float:left; width: 280px; background:#cc0001; padding: 2 10px; height: 56px; } #rightfooter{ width: 700px; background:#990000; position:relative; margin-left: 300px; height: 60px; } #blockimg{ } Причину нашёл, добавляет пустую строку.( откуда берётся не могу понять( помогите пожалуйста, дизайн первый раз делал, укажите ошибки, и как исправить способ напишите по возможности

Я вообще PHP разработчик, но так как мне заказали сайт, дизайнера нет, CMS своя. Я начал делать, всё делал как желает заказчик. но в ходе работы возникла неприятность, прыгает верхнее меню, и пустые строки в исходном коде. Вот ссылка на сайт: http://art-delo.com.ua/