0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1919 Просмотров
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
Модуль отображения новостей выводит миниатюру изображения новости слева, а текст заголовка справа.
Нахватает знаний, что б сделать обтекание текстом изображения, вот часть кода который отвечает за вывод миниатюры и заголовка.

default.php

Код
<div class="jn-left">
                <?php if($params->get('pik')): ?>
         <?php echo $item->image; ?>
                <?php endif; ?>
            </div>
            <div class="jn-right">
         <h4><a href="<?php echo $item->link; ?>" title="<?php echo $item->title; ?>"><?php echo $item->title; ?></a></h4>
                <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>

style.css
Код
			.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{
font-size: 90%;
font-weight: bolder;
}
.junewsultra .jn .jn-right .jn-info{
font-size: 90%;
color: #778899;
padding: 5px 0 0 0;
}

В default.php хочется что б хотя бы    
              <h4><a href="<?php echo $item->link; ?>" title="<?php echo $item->title; ?>"><?php echo $item->title; ?></a></h4>
обтекал изображение

Помогите пожалуйста молодым и неопытным  ::)
« Последнее редактирование: 16.10.2012, 22:42:19 от CR@B »
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
Неужели на форуме нет специалистов  :(
*

vtoes288

  • Новичок
  • 7
  • 4 / 0
Ссылку на сайт надо бы, а то как в слепую то гадать?

<div class="jn-left" style="float: left; margin: 0;">

или в css

.jn-left {
  float: left;
  margin: 0;
}
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
solutions.by (правая сторона) Новости компании
*

andranik1957

  • Захожу иногда
  • 63
  • 2 / 0
Там же вроде все хорошо. Как бы Вы хотели чтобы шло оптекание?
*

vtoes288

  • Новичок
  • 7
  • 4 / 0
Так сделайте и будет вот так
Откройте по ссылке CSS, замените эту часть кода, файл CSS предварительно сохраните копию.

Код
http://solutions.by/templates/jp_insurance/css/module.css
.before_after div.module div div div div, #left div.module div div div div, #right div.module div div div div {
border: none;
padding: 3px 3px 0 0;
margin: 0;
}
http://solutions.by/modules/mod_junewsultra/tmpl/default/css/style.css
.junewsultra .jn .jn-right {

}
.junewsultra .jn .jn-left {
float: left;

}
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
Огромное спасибо! Это то что надо, и даже больше (оформление текста по всей ширине и ориентация Читать дальше... по правой стороне)
Вообщем спасибо
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

Ответов: 4
Просмотров: 1011
Последний ответ 28.05.2020, 15:45:06
от Muzzy
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 10
Просмотров: 308
Последний ответ 19.05.2020, 16:46:36
от a-two
Div с картинкой и текстом как ссылка

Автор suic

Ответов: 5
Просмотров: 429
Последний ответ 11.04.2020, 12:47:15
от suic
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 10305
Последний ответ 04.04.2020, 13:49:11
от jan_dax
[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10

Автор AlekVolsk

Ответов: 1
Просмотров: 1921
Последний ответ 08.08.2019, 19:02:41
от AlekVolsk