Цей сайт найкраще переглядати в сучасному браузері з включеним JavaScript.

Як розмістити заголовки матеріалів з права від зображень?

Lateralus

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

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

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

Дякую.

P.S.: сам модуль - :good:

news.jpg

36kB

Lateralus

Це проектується нова версія порталу http://www.promland .інфо (.info)

Dutch

CSS і тільки CSS допоможе у цьому!

Lateralus

Dutch написав

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

Тільки от де саме зробити правку? :Search:

Dutch

Якщо використовуєте цсс для шаблону то у ньому, або ж у цсс вашого шаблону джумла

Lateralus

Dutch написав

Використовую для модуля шаблон 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

До чого тут шаблон, я говорив про цсс

Lateralus

Dutch написав

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

/**
* @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:

Lateralus

Блін... пацани! Дякую за "допомогу". :beer:

antt7

http://www.promland.info/templates/shaper_news_iii/css/joomla.css

рядок 63

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

antt7

antt7 написав
http://www.promland.info/templates/shaper_news_iii/css/joomla.css

рядок 63

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

Краще спробуйте в свій CSS додати код:
.junewsultra img {float:left;}

Lateralus

Дякую 🙂 Віддав на доробку фрілансерові