.dpads:hover .title-info  верните обратно, в общем все верно было только точку в title-info пропустили

Добавлено: 19.07.2014 15:06

да все верно поправили

.dpads:hover .title-info

думаю лучше заменить на

.title-info:hover

Добавлено: 19.07.2014 15:00

в css вписали
title-info

надо .title-info

Добавлено: 19.07.2014 14:47

Меня все устраивает, но возник еще вопросик, да именно вопростик )
Коль вы здесь, сразу спрошу.
Текст как бы находится "под" дивом, и когда на него наводишь курсором он появляется "над" дивом.
Вот и вопрос, если я увеличу высоту материала, "скрытый текст" становится не скритым.

.news {
position: relative;
width: 160px;
height: 260px;
}

Меняю

height: 248px;

На

height: 260px;

В итоге:

Подскажите плз..)

<div class="news">
<a href="{full-link}" class="title_link">
<div class="base shortstory">
<div class="dpads">
<div class="maincont">{short-story}
<h3 class="btl">{title}</h3>
<span class="title-info">Тут, то что будет выводится при наведении, например из доп.полей </span>
<div class="clr"></div></div>
<div class="mlink"><div class="mlink">
</div></div>
</div></div></a></div>

.title-info {
display: none;
}
.dpads:hover .title-info {
 display: block;
}

.dpads:hover {
top: -1px;
left: -1px;
height: auto;
z-index: 101;
border: 1px solid #d8dde3;
}
.dpads {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 6px 6px 6px 5px;
margin: 0 15px;
background-color: #fff;
overflow: hidden;
z-index: 100;
}
 
.news {
position: relative;
width: 160px;
height: 248px;
}

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

clear: both; запрещает обтекание элемента, т.к. в шаблоне для новостей установлен float: left; и поэтому все блоки идут один за одним в ряд, а навигация на странице подчиняется тому же принципу и стремится встать с новостями в один ряд и дописав к навигации clear: both; мы ей говорим, что не нужно так делать надеюсь так понятно

из кода

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

clear: both;

Теперь все супер !

Буду благодарен за решение главной проблемы...
Кстате, если вам не сложно, объясните что делает

clear: both;

на хлопский розум"
Див я так понимаю он смещает, но сути , то есть как он это делает я не вижу...
Немного "шарю" только в таблицах. Буду благодарен за какой-нить учебник css и div`ов.
Т.к. елементарное делать умею, но что-то посложнее - увы(

<div class="clr"></div>

Добавлено: 19.07.2014 00:36

И как вы увидили что переключатель "заезжает на постер
к стилю .basenavi" !?

clear: both;

или можно в шаблон навигации добавить

<div class="clr"></div>

вопрос должен будет отпасть.

По остальному скажу если время будет

Я использую стандартный шаблон Pisces, поставил 6 колонок новостей. (сделал новости сеткой)
В shortstory добавил:

<div class="news">здесь сам код shortstory</div>

Воть весь shortstory:

<div class="news">
<div class="base shortstory">
<div class="dpad">
<div class="maincont">{short-story}
<h3 class="btl">[full-link]{title}[/full-link]</h3>
<div class="clr"></div></div>
<div class="mlink"><div class="mlink">
</div></div></div></div></div>

В css прописал стили: (спасибо гуглу)

.news.float {
    float: left;
    width: 16.3%; //значение зависит от желаемого количества колонок (например для 5ти колонок нужно указать 18-20%) 
    }
.clr {
    clear: both;
    height: 0;
    overflow: hidden;
    }

В main.tpl добавил jQuery:

<script type="text/javascript">
jQuery(function($) {$(".news").addClass("float").filter(":nth-child(6n)").after('<div class="clr"></div>');
});
</script>

Вот что получилось --> http://inferma.net
Теперь прошу помощи реализовать выше описанную проблему.
Если вы про, буду благодарен если подскажете ище почему при переключении на 3 страницу "переключатель" сверху !? Проверял дивы, вродe все закриты.