1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

Выравнивание картинок

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

Аватар пользователя Супрун Иван Супрун Иван 17 мая 2012 в 14:21

Здравствуйте!
Я в цсс не силен, подскажите кто нибудь пожалуйста комку не лень.
Я загружаю картинки в ноду с помощью ImageField
с помощью ImageCache сделал их миниатюры
Но маленькие картинки расположены одним столбцом
Как прописать, что бы они заполняли страничку рядами, картинка за картиной, и все ото выравнивалось по центру и при этом нижние элементы не залазили сверху

Вот для примера ссылка на альбом http://miragro.com/albom-test.html

Я пытался, но у меня получается ли-бо все картинки одним столбцом выровняны по центру (текст-алигн: сентер) или без выравнивания картинки идут одна за другой рядами, но на них залазят сверху нижние елементы (количество просмотров, комменты...) флоат: лефт

Понимаю, сейчас посыпятся ответы "Учи цсс" но мне нужно один раз выровнять картинки в ноде, а цсс целый язык... доброе сообщество, подскажите пожалуйста мне нубу решение

Комментарии

Аватар пользователя alex_shut alex_shut 17 мая 2012 в 14:32

Маргины/паддинги добавь.
А по поводу целого языка - если сам се сайт лепишь таки учить придетсо.
Если для тебя слепили - спроси у девелопера че не сделал красиво

Аватар пользователя Супрун Иван Супрун Иван 17 мая 2012 в 15:53

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

Аватар пользователя Супрун Иван Супрун Иван 17 мая 2012 в 17:06

получилось, спасибо большое!
а как теперь сделать, что бы все изображения выравнивались по центру, а лучше если равномерно распределялись по ширине никак у меня не выходит
(можно было бы просто размеры превьюшек подогнать, но шаблон резиновый, подганял размеры под минимальное расширение, а на больших расширениях справа получается пространство, а картинки смещены влево)

спасибо за помощь

Аватар пользователя Супрун Иван Супрун Иван 17 мая 2012 в 19:35

Спасибо большое Вам за помощь.
Теперь следующая проблема...

У меня под каждым типом материалов выводятся похожие материалы с помощью следующего кода:

<?phpfunction phptemplate_preprocess_node(&$vars) {
    if (!$vars['page'] || !$vars['node'] || !count($vars['node']->taxonomy)) {
        return;
    }
 
    $node = $vars['node'];
    $tids = array_keys($node->taxonomy);
    $items = array();
 
    $nodes = db_query_range("
        SELECT n.nid, n.title, COUNT(*) AS hits FROM {node} n
        LEFT JOIN {term_node} tn ON n.nid = tn.nid AND n.vid = tn.vid
        WHERE
            n.type = '%s' AND
            n.status = 1 AND
            tn.tid IN (" . db_placeholders($tids) . ") AND
            n.nid <> %d
        GROUP BY n.nid
        ORDER BY hits DESC, n.created DESC
    ", array_merge(array($node->type), $tids, array($node->nid)), 0, 3);
 
    while ($node = db_fetch_object($nodes)) {
        $items[] = l($node->title, 'node/' . $node->nid);
    }
 
    $vars['content'] .= theme('item_list', $items, 'Тема необъятна, читайте еще:');
    
}?>

Все отлично, только эти похожие материалы "Тема необъятна, читайте еще:" залазят на картинки

что мне с этим делать, или может просто как то выключить этот код для типа материала "Image"