7 мая 2010 в 13:36
Здравствуйте.
есть вывод views:
<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
<div class="views-field-created-1"><span class="field-content">07</span></div>
<div class="views-field-created"><span class="field-content">05/10</span></div>
<div class="views-field-title"><span class="field-content"><a href="/%7Ealexd/drupal/?q=node/2" class="active">Недавно был запущен новый проект</a></span></div>
<div class="views-field-teaser"><div class="field-content"><p>Это новость про Недавно был запущен новый проект</p></div></div>
</div>
<div class="views-field-created-1"><span class="field-content">07</span></div>
<div class="views-field-created"><span class="field-content">05/10</span></div>
<div class="views-field-title"><span class="field-content"><a href="/%7Ealexd/drupal/?q=node/2" class="active">Недавно был запущен новый проект</a></span></div>
<div class="views-field-teaser"><div class="field-content"><p>Это новость про Недавно был запущен новый проект</p></div></div>
</div>
Надо разместить его таким образом
1) views-field-created-1 и views-field-created вывести один под другим слева в колонку шириной 81px
2) views-field-title и views-field-teaser вывести один под другим на оставшуюся фиксированную ширину.
Игрался с параметром float - не помогло.
Подскажите, кто силен в CSS?
upd: Решение подсказано на форуме htmlbook
.views-field-created-1 {
width: 81px;
float: left;
width: 81px;
float: left;
}
.views-field-created {
width: 81px;
float: left; clear: left;
}
.views-field-title {
overflow: hidden;
}
.views-field-teaser {
overflow: hidden;
}
Комментарии
для этого каждую группу нужно обернуть еще одним дивом и поставить float а общему родителю поставить overflow: hidden;
Это я понимаю! Дело в том, что вывод формирует Views, и я не совсем понимаю, как сделать такое с Views.