DStereo

Я немного отформатировал вашу структуру, чтобы было более наглядно. Так вот, допустим у нас есть вот такая структура: ?<ul class="list1"> <li class="text1">Text1</li> <li class="text2"> Text2 <ul class="list2"> <li class="subtext1">Subtext1</li> <li class="subtext2">Subtext2</li> </ul> </li> </ul>? Вот такой селектор: ul + li не приводит ни к чему, так как "+" является селектором соседних элементов. Так как ul не является соседом для li, а является либо родителем (list1) или потомком (list2), то ничего не произойдет. Другая ситуация: ul > li + li добавляет стили для text2 и subtext2. Так как селекторы браузерами читаются справа налево, то получается сначала что браузер выбирает все элементы li (text1,text2,subtext1,subtext2), потом выбирает второй элемент li (text2,subtext2), а потом выбирает из уже выбранных элементы li, которые являются непосредственными потомками для ul, т.е. вложены в ul на первом уровне. Для list1 - это text2, а для list2 - это subtext2. Но так как тут выбираются все ul (list1,list2), а не конкретный list1 или list2, то стили применяются для text2 и для subtext2. Если бы был вот такой селектор: .list1 > li + li то стили бы применились только для text2.

a {text-decoration:underline} a img{text-decoration:none}

Исходя из предложенного кода ТС - second-child не является потомком first-child, а является соседним элементом, так что не получится через наследование сделать. Тем более, что ТС нужно чтобы при наведении на второй, добавлялись стили для первого, если я правильно понял. В этом случае получается последовательность наоборот, а в этом случае нужен js.

Зачем городить кучу блоков с позиционированием? Задайте фон для body и будет вам счастье. Вот так: body{background:#000 url('images/fon.jpg') no-repeat center}

Вариант кнопки с несколькими строками, вот.

Ну почему же. Можно сделать так. <style> .sliderbox{...} .sliderbox:hover{...} .sliderbox:hover .sliderbox-content{...} .sliderbox:hover .sliderbox-item{...} ... </style> При наведении на .sliderbox, будут меняться стили для других его элементов. Такой принцип применяется в выпадающих менюшках на чистом css.

Пожалуйста)

Ну так правильно, у вас идет красный border для div, а условие выполняется только для li. Даже если div пустой, то все равно будет показываться border. Оберните так: {if $bLoginError} <div class="system-message-error"> {$aLang.user_login_bad} </div> {/if}

Да, классный, легкий редактор, с кучей плюшек. А есть возможность автокомплита не только для тегов html, а еще и для атрибутов, может как-то можно дописать, настроить?

Обычно такие ссылки содержат в себе дополнительную информацию, как, например, rel="prev" указывает на предыдущий, относительной страницы на которой вы находитесь, раздел какой-то статьи или какого-то документа, соответственно next - на следующий. Полезны они для поисковиков.

Таких эффектов можно добиться при помощи box-shadow. Но тем не менее, раз картинками решили сделать и хотите сделать внутренний отступ, то попробуйте например так: <button class="button-wrapper" type="button"> <span class="button-left"> <span class="button-right">Отправить</span> </span> </button> И соответственно css: .button-wrapper{ background:url(центр.gif) repeat-x; border:0; color:#fff; cursor:pointer; font-weight:bold; width:100px; height:30px; line-height:30px; padding:0; } .button-left{ background:url(левый_край.gif) no-repeat; display:inline-block; width:100px; height:30px; margin-left:-5px; /* отступ на ширину угла */ } .button-right{ background:url(правый_край.gif) no-repeat 100% 0; display:inline-block; width:100px; height:30px; margin-right:-10px; } ?

Странно, потому что то, что я вижу, так это то, что файл custom.css в котором вы определили свои стили подключается позже чем style.css в котором объявлен селектор .widget ul li, соответственно ваше правило должно идти по коду позже, а получается наоборот и из-за этого срабатывает правило специфичности. В общем сделайте так: .customtype-recent-posts ul li{ background:none !important; }

Залить углы белым цветом или цветом фона, по-другому никак. А вообще лучше пользоваться border-radius.

Ajax (Asynchronous Javascript and XML) - это расширение возможностей javascript. Так что нового языка программирования тут нет. Выучить принципы ajax, много времени не займет.

Вся проблема заключается вот здесь: .widget ul li { background: url(images/dot.png) no-repeat 0 18px; .... } Добавляется картинка в виде квадратика. Так что отмените фон. .customtype-recent-posts ul li { background:none; }

Дайте больше кода, возможно у вас где-то стили пересекаются и у вас просто не срабатывает list-style: none из-за специфичности.

Попробуйте так: .customtype-recent-posts li { list-style: none; }

Если вы вставляете картинку вот так <img src="...">, то она и не должна тянуться при растягивании колонки, а если вы добавляете фон для колонки через background, то нужно сделать повторяющийся паттерн. По умолчанию фон блока будет повторяться, т.е. background-repeat: repeat.

Понятно, что для одной страницы может быть только определенное количество колонок, а потом начнете верстать макеты состоящие из большого количества страниц, где будут повторяться и колонки и другие блоки. Но лучше отходить от использования id для оформления через css, а пользоваться классами, они более гибкие. id можно использовать либо для совсем основных блоков, типа #header, #content, #footer, которые не меняются от страницы к странице, либо для javascript. По поводу dial-up, тут дело даже не в самом нем. Люди привыкли чтобы сайты грузились быстро, а каждая картинка - это дополнительный запрос на сервер, соответственно время, так же вы не учитываете, что количество пользователей мобильными устройствами растет, а интернет там пока еще не достиг тех скоростей, как через кабель или adsl, соответственно мобильный интернет пока еще на уровне dial-up, может быть чуть быстрее.

В принципе код аккуратный. Только старайтесь не пользоваться таким количество id, особенно это касается колонок - col1, col2, col3 и т.д. Потому что таких колонок может быть много и они могут использоваться на странице несколько раз. Плюс очень много картинок, что можно было сделать и без них: кнопка формы поиска, можно было бы вставить специальный символ html, а саму кнопку залить фоном; разделители для главного меню, тоже можно было сделать через border для элементов li; картинка синего градиета 700 пикселей по ширине очень большая. Градиент можно сделать через linear-gradient, а для браузеров которые это не поддерживают, будет просто однотонный фон.

document.getElementById("middle").offsetHeight

Он просто схлопывается. Попробуйте использовать вместо него padding.

Нет, придется отменять все свойства по очереди.

Потому что селектор .categories li a специфичнее чем просто класс .firstli. Нужно написать так: .categories li .firstli { color:#fff; }

это да, но если прописать тот код для span, который я написала выше, то и для span ховер тоже будет работать, но я не могу избавиться от рамки Это скорее всего происходит из-за специфичности. Т.к. для обычных браузеров вы пишите такой код #content ul.menu_1 li a span.dashed, а для ie 6 - span.hover, так как в первом случае у вас специфичность селекторов выше, то попробуйте для ie6 прописать вот так: #content ul.menu_1 li a span.hover{ text-decoration:none; color:#ff6a00; border-bottom: 0px; } А вообще старайтесь избегать таких селекторов, т.е. не нужно писать ul.menu_1 li a span.dashed. Все это можно было свести к вот этому: .dashed{ border-bottom:1px #0a6aa9 dashed; } .dashed:hover{ color:#ff6a00; border:0; } А для ie6: .dashed{ behavior: expression( onmouseover = function() {this.className += ' hover'}, onmouseout = function() {this.className = this.className.replace('hover', '')}, style.behavior = null ); } .hover{ text-decoration:none; color:#ff6a00; border-bottom: 0px; }