Темизация блог категории

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

Аватар пользователя TurboAndroid TurboAndroid 1 апреля 2012 в 16:20

на сайте отображается блог категории
как рисунок + анонс.
при этом анонс (когда большой) обтекает фотку снизу как сделать правильно чтобы он шел колонкой (типа таблицы)

Themer info говорит на блок где текст

Template called:
    sites/all/themes/primetour/templates/node.tpl.php
Candidate template files:
    node--24.tpl.php < node--excursions.tpl.php < node.tpl.php

Preprocess functions:
    template_preprocess + template_preprocess_node + contextual_preprocess + ctools_preprocess_node + views_preprocess_node + primetour_preprocess_node
Process functions:
    template_process
Duration: 22.53 ms

на сам блок текста

Function called:
    theme_field()
Candidate function names:
    field
Preprocess functions:
    template_preprocess_field
Process functions:
    template_process_field

Duration: 0.38 ms

фотка

Function called:
    theme_image()
Candidate function names:
    image
Preprocess functions:
Process functions:
Duration: 0.26 ms

Комментарии

Аватар пользователя ArmRus ArmRus 1 апреля 2012 в 16:40

а вы пробовали с помощью CSS поправить? говорят помогает. А чтобы вам на форуме помогли, нужно дать ссылку на страницу или контакты знакомого экстрасенса Smile

Аватар пользователя TurboAndroid TurboAndroid 1 апреля 2012 в 17:00

xman0011 wrote:
а вы пробовали с помощью CSS поправить? говорят помогает. А чтобы вам на форуме помогли, нужно дать ссылку на страницу или контакты знакомого экстрасенса =)

сайт локально лежит.

надо как-то в стиль тизера внести например для абзаца чтото вроде

#centercol p {
        float: right;
        width: 420px;  
}

надо как-то вставить "только длдя тизера"свой такого плана стиль
если напишу это в разделе ниже то получается весь текст абзаца всей статьи будет шириной 420 прижат к правому краю

вывод стилизуется в CSS так

/* ------------------ Center column ------------------ */
#centercol .node-teaser{
        float: left;
        width: 622px;
        padding-bottom: 8px;
        border-bottom: 1px dotted #E0E0DC;
        font-size: 11px;
        text-align: justify;
}
#centercol .node-teaser img{
        padding: 4px;
        background: url(../images/bg-bord-offers.gif) no-repeat top;
        float: left;
        margin-right: 10px;
}
#centercol a {
        color: #A30B23;
}
#centercol h2 a:link, #centercol h2 a:visited{
        text-decoration: underline;
}
#centercol h2 a:hover{
        text-decoration: none;
}

#centercol ul.links {
        float: right;
        margin: 0;
        padding: 0;
        font-size: 11px;
}

#info-wrapper{
        line-height: 1.5;
}

Аватар пользователя TurboAndroid TurboAndroid 1 апреля 2012 в 17:13

сорри что напряг

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

сделал через css - типа по простому
получилось вроде все просто, вопрос насколько правильно но выглядит как мне надо на контрольных страницах

#centercol .node-teaser p,ul,ui,li{
float: right;
width: 420px;
}