1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Выравнивание нескольких field изображений по горизонтали

Главные вкладки

Комментарии

Аватар пользователя plague plague 11 мая 2010 в 18:13

Да, float:left, должен помочь.
А на будущее посоветовал бы темизировать страницу с помощью node.tpl.php
В вашем случае полей немного в типе материала... И можно все очень красиво сделать и при этом избежать неимоверное кол-во стилей
с названиями длиной 20 символов ).

Аватар пользователя plague plague 11 мая 2010 в 18:52

так как ты используешь тип материала блог на сколько я понял.... создаешь в папке с темой страницу node-blog.tpl.php
и пишешь в ней что-то подобное.

<?php
<div id="product-page">

  <?

php if ($page): ?>
    <h1 class="title">
      <a href="<?php print $node_url; ?>" title="<?php print $title ?>"><?php print $title; ?></a>
    </h1>
  <?php endif; ?>
    <div id="head-product">
        <div id="full-image">
            <?php $imagePath = $node->field_image_cache['0']['filepath']; ?>
                <a href="<?=base_path()?><?=$imagePath?>" class="thickbox">
                    <img width="350px" height="350px" src="<?=base_path()?>files/imagecache/product/<?=$imagePath?>" alt="<?php print $title?>" title="<?php print $title?>">
                </a>
                
            <ul class="other-images">
                    <?php foreach ($node->field_image_cache as $images) { if ($images['filepath'] != $imagePath) { ?>
                    <li style="display:inline; padding:5px 5px; margin-left:0; list-style: none;"><a href="<?php print base_path()?><?php print $images['filepath']?>" class="thickbox" title="<?php print $title?>">
                            <img style="border: 1px solid #CCCCCC; width: 100px; height: 100px" src="<?php print base_path()?>files/imagecache/uc_thumbnail/<?php print $images['filename']?>" alt="<?php print $title?>"></a></li>
                    <?php } } ?>
                </ul>
            
        </div>
        <div id="full-description">
            <?php print $node->field_description_full['0']['view']?>
        </div>
    </div>
    <div style="clear:both"></div>
?>

В данном коде выводится все что тебе надо "основная картинка + несколько дополнительных маленьких картинок + описание"

Аватар пользователя pselfin pselfin 11 мая 2010 в 23:04

А превью с закругленными углами вручную делал или имеджкеш каким-то хитрым способом настроен? Или модуль имеется специальный? Поделись знанием сим Smile