aurfon

Всем спасибо. Может кому понадобится, я решил вот так... http://jsfiddle.net/aurfon/D7z2a/

float:left;

Приветствую. Прошу помощи, а то мозг уже сломал. К примеру есть новостной блок Хочу сделать следующие 1)Если новость в теме одна, то новость заполняет весь блок по ширине. 2)Если же новости две, то они делят один блок по ширине Собственно есть два состояния html: <div class="news"> <div>Новость 1</div> </div> и <div class="news"> <div>Новость 1</div> <div>Новость 2</div> </div> Прошу помощи в css. Прошу учесть, что в дивах не может быть класса или id. Но можно использовать :nth-child(1) и :nth-child(2)

Если на одной странице, то можно сделать через :target (если честно у меня не получилось, я тут даже тему поднимал по этому вопросу) получатся каждой ссылке ставим id="название страницы" К примеру: <a href="index.html" id="index"> при клике на ссылку в адресной строке получится www.site.ru/index.html#index a:target { нужные св-ва } ссылка с id равная таргету будет принимать эти сво-ва

я уже и к li пробовал id присвоить,и к ссылкам, background не меняется, даже color у пунктов меню, ничего не меняется

Если каждый пункт находится на разной странице: например : <a href="index.html">Главная</a> <a href="news.html">Новости</a> <a href="galery.html">Галерея</a> то предлагаю создать класс active(название может быть любым), и на странице index.html <a href="index.html" class="active">Главная</a> <a href="news.html">Новости</a> <a href="galery.html">Галерея</a> на странице news.html <a href="index.html">Главная</a> <a href="news.html" class="active">Новости</a> <a href="galery.html">Галерея</a> на galery.html <a href="index.html">Главная</a> <a href="news.html">Новости</a> <a href="galery.html" class="active">Галерея</a> CSS .active { нужные вам параметры, которые Вы возьмете из :hover }galery.html

Друзья подскажите! Хочу сделать, так сказать активный пункт меню, т.е. выделить пункт меню на той странице на которой сейчас нахожусь. Я скорее всего не так понял как это делается =( HTML <div class="menu"> <ul> <li><a href="#index" id="index">Первый пункт</a></li> <li><a href="#useful" id="useful">Второй пункт</a></li> <li><a href="#data" id="data">Третий пункт</a></li> <li><a href="#design" id="design">Четвертый пункт</a></li> <li><a href="#payment" id="payment">Пятый пункт</a></li> <li><a href="#resume" id="resume">Шестой пункт</a></li> </ul> </div> CSS .menu ul li { float:left; display:block; text-align:center; line-height:30px; background:orange; //тут к примеру оанжевый цвет border-radius:7px; margin:0 7px; box-shadow:0 7px 20px #333; } .menu ul li:target { background:red; //при клике на пункт в меню появляется site.ru/index.html#index - ну это если на index нажали =)соответственно хотело бы сменить цвет выбранного пункта } Я скорее всего, не так делаю...=(

Если что-то типа этого http://css-tricks.com/examples/SlideupBoxes/ то вам сюда http://css-tricks.com/video-screencasts/93-css3-slideup-boxes/

Вы совершенно правы! Спасибо большое за совет!

Возможна ли смена background первого блока при наведении курсора на второй блок? Пример, как я делаю и как не работает, хотя по логике должно =) Html <div class="bg"> <div class="test"> </div> </div> CSS .bg { background: #ccc; } .test:hover .bg { background: #000; } по идее должна быть смена с серого на черный, но ничего не происходит. Хотя что-то мне подсказывает. что это не возможно =(