Форум Joomla! Україна

Повна версія: Як розмістити заголовки матеріалів з права від зображень?
Ви переглядаєте спрощену версію. Переглянути повну версію з віповідним форматуванням.
Доброго дня!
Підкажіть будь-ласка, яким чином можна розмістити заголовки новин не під зображеннями, як показано на малюнку:

[attachment=293]

а з права від них?

Розумію, що потрібно правити CSS, але не знаю де.

Дякую.

P.S.: сам модуль - :good:
для початку вкажіть сайт :twisted:
Це проектується нова версія порталу http://www.promland.інфо (.info)
CSS і тільки CSS допоможе у цьому!
Dutch Написав:CSS і тільки CSS допоможе у цьому!

Логіка - залізобетонна! Smile))

Тільки от де саме зробити правку? :Search:
Якщо використовуєте цсс для шаблону то у ньому, або ж у цсс вашого шаблону джумла
Dutch Написав:Якщо використовуєте CSS для шаблону то у ньому, або ж у CSS вашого шаблону Joomla

Використовую для модуля шаблон default, який має наступний код:

Код:
<?php
/**
* @package Joomla! 2.5
* @version 4.x
* @author 2008-2012 (c)  Denys Nosov (aka Dutch)
* @author web-site: www.joomla-ua.org
* @copyright This module is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
**/

/******************* PARAMS (update 20.11.2012) ************
*
* $params->get('moduleclass_sfx') - module class suffix
*
* $item->link           - display link
* $item->title          - display title
* $item->title_alt      - for attribute title and alt
*
* $item->cattitle       - display category title
*
* $item->image          - display image
* $item->imagesource    - display raw image source
*
* $item->date           - display date & time
* $item->df_d           - display day
* $item->df_m           - display mounth
* $item->df_y           - display year
*
* $item->author         - display author
*
* $item->hits           - display Hits
*
* $item->rating         - display Rating
* $item->rating_count   - display Rating Count
*
* $item->introtext      - display introtex
* $item->fulltext       - display fulltext
* $item->readmore       - display 'Read more...'
* $item->rmtext         - display 'Read more...' text
*
* $item->commentslink   - display JComments link to comments
* $item->commentstext   - display JComments text
* $item->commentscount  - display count comments for JComments
*
************************************************************/

// no direct access
defined('_JEXEC') or die('Restricted access');

?>
<div class="junewsultra <?php echo $params->get('moduleclass_sfx'); ?>">
<?php foreach ($list as $item) :  ?>
    <div class="jn">
        <div class="jn-head">
            <div class="jn-left">
                <?php if($params->get('pik')): ?>
                    <?php echo $item->image; ?>
                <?php endif; ?>
            </div>
            <div class="jn-right">
                <?php if($params->get('show_title')): ?>
                <h4><a href="<?php echo $item->link; ?>" title="<?php echo $item->title_alt; ?>"><?php echo $item->title; ?></a></h4>
                <?php endif; ?>
                <div class="jn-info">
                    <?php if($params->get('show_date')): ?>
                    <span class="jn-small"><?php echo $item->date; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('showcat')): ?>
                    | <span class="jn-small"><?php echo $item->cattitle; ?></span>
                    <?php endif; ?>
                    <?php if($params->def('juauthor')): ?>
                    | <span class="jn-small"><?php echo $item->author; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('showRating') || $params->get('showRatingCount') || $params->get('showHits')): ?>
                    <div class="jn-hit-n-rating">
                    <?php if($params->get('showRating')): ?>
                        <span class="jn-small jn-rating"><?php echo $item->rating; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('showRatingCount') && $item->rating_count > 0): ?>
                        <sup class="jn-small jn-rating-count"><?php echo $item->rating_count; ?></sup>
                    <?php endif; ?>
                    <?php if($params->get('showHits')): ?>
                        <span class="jn-small jn-hits"><?php echo JText::_('JGLOBAL_HITS'); ?>: <?php echo $item->hits; ?></span>
                    <?php endif; ?>
                    </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
        <?php if($params->get('show_intro') || $params->get('show_full')): ?>
        <div class="jn-intro">
        <?php if($params->get('show_intro')): ?>
            <?php echo $item->introtext; ?>
        <?php endif; ?>
        <?php if($params->get('show_full')): ?>
            <?php echo $item->fulltext; ?>
        <?php endif; ?>
        </div>
        <?php endif; ?>
        <?php if($params->get('read_more') || $params->get('use_comments')): ?>
        <div class="jn-more">
            <?php if($params->get('read_more')): ?>
            <a href="<?php echo $item->link; ?>" class="readmore" title="<?php echo $item->text_alt; ?>"><?php echo $params->def('rmtext'); ?></a>
            <?php endif; ?>
            <?php if($params->get('use_comments')): ?>
            <a class="jn-comment-link" href="<?php echo $item->link; ?><?php echo $item->commentslink; ?>"><?php echo $item->commentstext; ?></a>
            <?php endif; ?>
        </div>
       <?php endif; ?>
    </div>
<?php endforeach; ?>
</div>

От тільки, що тут поправити я так і не знайшов. :unknown:
До чого тут шаблон, я говорив про цсс
Dutch Написав:До чого тут шаблон, я говорив про CSS

Ага, розумію. Він має такий код:

Код:
/**
* @package Joomla! 1.7
* @author 2008 (c)  Denys Nosov (aka Dutch)
* @author web-site: www.joomla-ua.org
* @copyright This module is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
**/

.junewsultra,
.junewsultra .jn,
.junewsultra .jn-head{
    overflow: hidden;
}
.junewsultra .jn-head,
.junewsultra .jn .jn-intro,
.junewsultra .jn .jn-more{
    clear: both;
    padding: 6px 4px;
}
.junewsultra .jn a,
.junewsultra .jn a:link    ,
.junewsultra .jn a:visited{
    text-decoration: none;
    background: transparent;
    border: none;
}    
.junewsultra .jn a:hover,
.junewsultra .jn a:focus,
.junewsultra .jn a:active{
    text-decoration: underline;
    color: inherit;
    border: none;
}
    .junewsultra .jn{
        margin: 10px 0;
        padding: 0;
        border: 1px #e0e0e0 solid;
        clear: both;
        display: block;
    }
        .junewsultra .jn .jn-head{
            background: #f4f4f4 url(../images/bg.jpg) repeat-x 0 100%;        
        }        
            .junewsultra .jn .jn-left{
                float: left;
                width: 22%;
            }
                .junewsultra .jn .jn-left img{
                    padding: 1px;
                    border: 1px #a7b3be solid;
                }
            .junewsultra .jn .jn-right{
                float: right;
                width: 67%;
            }        
                .junewsultra .jn .jn-right h4{
                float: left;
                    font-size: 98%;
                    font-weight: bolder;
                }    
                .junewsultra .jn .jn-right .jn-info{
                float: left;
                    font-size: 90%;
                    color: #778899;
                    padding: 5px 0 0 0;
                }
                    .junewsultra .jn .jn-right .jn-hit-n-rating{
                        padding-top: 3px;
                    }
                        .junewsultra .jn .jn-right .jn-hit-n-rating .jn-small{
                            float: left;
                            padding-right: 3px;
                        }
                        .junewsultra .jn .jn-right .jn-hit-n-rating .jn-rating img{
                            border: none;
                            padding: 0;
                            margin: 0;
                        }    
        .junewsultra .jn .jn-more{
            text-align: right;
        }    
            .junewsultra .jn .jn-more a{
                padding-left: 5px;
            }

І що з ним робити? :pardon:
Блін... пацани! Дякую за "допомогу". :beer:
http://www.promland.info/templates/shape...joomla.css

рядок 63

img {
float: left;
margin: 0 2px 0 0;
padding: 0;
}
antt7 Написав:http://www.promland.info/templates/shape...joomla.css

рядок 63

img {
float: left;
margin: 0 2px 0 0;
padding: 0;
}

Краще спробуйте в свій CSS додати код:
.junewsultra img {float:left;}
Дякую Smile Віддав на доробку фрілансерові