Новости Joomla

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

Klim

  • Новичок
  • 6
  • 0 / 0
Когда добавляю нов материал, а в нем картинка, то текст обтекает справа картинку. Как убрать это обтекание. Нужно чтобы текст был под картинкой. У меня Joomla 1.7.3. Я сам в стилях не очень разбираюсь, скажите какую инфу нужно предоставить для решения данного вопроса. Очень нужно сделать. Заранее спасибо.
*

vigerLab

  • Захожу иногда
  • 62
  • 1 / 0
поддерживаю, уже всё что только можно перерыл, обтекание не убирается =(
джум 1.7
шаблон естественно другой
стоит HSImage и   JCE

ПС: начинаю думать, что дело не в редакторе и настройках, а где то в стилях...

ПС2: вопрос решил, оказалась проблема в    HSImage, ответ нашел в соответствующей теме
« Последнее редактирование: 04.12.2011, 23:12:47 от vigerLab »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Посмотрите, чтобы у картинки не было прописано:
1) атрибута align
2) атрибута style. В частности c правилом float.
Для наглядности:
<img src="..." alt="Картинко" width="120" height="80" align="left" style="float:left" /> - неправильно
<div style="float:left"><img src="..." alt="Картинко" width="120" height="80" /></div> - неправильно
<img src="..." alt="Картинко" width="120" height="80"/> - правильно
*

Klim

  • Новичок
  • 6
  • 0 / 0
Спасибо за ответ. Вот мой кусок кода
Код
<div align="center"><img src="images/articles/kruche-nekuda-platforma-lga-2011-i-protsessory-core-i7-3960x-extreme-edition-i-core-i7-3930k/s.03_1.jpg" border="0" alt="" style="display: block; margin-left: auto; margin-right: auto;" /></div>
<p class="caption" style="text-align: center;">Слева — Core i7-3960X Extreme Edition; справа — Core i7-990X Extreme Edition</p>
- здесь обтекание картинки справа. Я добавляю float:none; обтекание исчезает, но это нужно делать со всеми картинками вручную, как прописать чтобы по умолчанию не было обтекания?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Очень много мусора.

Код
<p class="caption"><img src="images/articles/kruche-nekuda-platforma-lga-2011-i-protsessory-core-i7-3960x-extreme-edition-i-core-i7-3930k/s.03_1.jpg" alt="а вот тут как раз надо что-то написать"  />
Слева — Core i7-3960X Extreme Edition; справа — Core i7-990X Extreme Edition</p>
И где ширина и высота картинки? При отключении изображений в браузере, место под картинку зарезервировано не будет.
*

Klim

  • Новичок
  • 6
  • 0 / 0
Дело не в мусоре. Я же не сам пишу код. Этот код сгенерирован автоматически при добавлении нового материала в jooml'е. Это дипломная работа мне нужно наполнить сайт материалами, при добавлении нового материала все картинки по умолчанию с обтеканием текстом. А мне нужно чтобы картинка посередине и под ней текст. Изменять везде HTML код нереально долго. В редакторе при бодавлении картинки я пробовал менять выравнивание картинки, это ничего не дает. Также добавлять в код везде float:none; очень долго. Нужно чтобы поумолчанию небыло обтекания.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Ну пропишите в CSS шаблона тогда .kakoyto-tam-selector img {float:none;}
*

Klim

  • Новичок
  • 6
  • 0 / 0
Если можно поподробнее по поводу "пропиши". как найти этот селектор? Я нашел такой вот файл tamplates\system\css\editor.php
вот его код
Код
/**
 * @version $Id: editor.css 20196 2011-01-09 02:40:25Z ian $
 * @copyright Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.
 * @license GNU General Public License version 2 or later; see LICENSE.txt
 */

body {
background: #fff;
font-family: Tahoma,Helvetica,Arial,sans-serif;
line-height: 1.3em;
font-size: 76%;
color: #333;
}

h1 {
font-family:Helvetica ,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
color: #666;
}

h2 {
font-family: Arial, Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
color: #333;
}

h3 {
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #135cae;
}

h4 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

a:link, a:visited {
color: #1B57B1; text-decoration: none;
font-weight: normal;
}

a:hover {
color: #00c; text-decoration: underline;
font-weight: normal;
}

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC;  }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* STYLES FOR Joomla! EDITOR */
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }
В енго добавлять и где?
Еще есть general.css
Код
/**
 * @version $Id: general.css 20196 2011-01-09 02:40:25Z ian $
 * @copyright Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.
 * @license GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
display: block;
height: 22px;
float: left;
line-height: 22px;
font-size: 11px;
color: #666;
cursor: pointer;
}

.button2-left span,
.button2-right span {
cursor: default;
color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
padding: 0 6px;
}

.page span {
color: #000;
font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
text-decoration: none;
color: #0B55C4;
}

.button2-left a,
.button2-left span {
padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
padding: 0 6px 0 24px;
}

.button2-left {
background: url(../images/j_button2_left.png) no-repeat;
float: left;
margin-left: 5px;
}

.button2-right {
background: url(../images/j_button2_right.png) 100% 0 no-repeat;
float: left;
margin-left: 5px;
}

.button2-left .image {
background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
z-index:13000;
}

div.tooltip h4 {
padding: 0;
margin: 0;
font-size: 95%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
font-size: 90%;
margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
text-align: center!important;
}

.img_caption.none {

margin-left:auto;
margin-right:auto;
}


/* Calendar */
a img.calendar {
width: 16px;
height: 16px;
margin-left: 3px;
background: url(../images/calendar.png) no-repeat;
cursor: pointer;
vertical-align: middle;
}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Это только в американских боевиках хакеры по куску кода могут представить программу, отрендерить 3D-сцену или взломать Пентагон. Я простой смертный. Вы мне ссылочку на ваш сайт.
*

Klim

  • Новичок
  • 6
  • 0 / 0
Сайт локальный(
Подскажите как найти этот селектор, ну или я мог бы скинуть весь сайт в архиве.
« Последнее редактирование: 05.12.2011, 21:18:33 от Klim »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Лучше погуглите "как расшарить локальный сервер". В частности, на сайте Denwer есть в факе. И ещё штук пять способов я в виде мануала писал в одной из тем.
*

Klim

  • Новичок
  • 6
  • 0 / 0
у меня вай фай роутер, я так понял его еще нужно настроить, а я не умею. Я уже пробовал его настраивать пришлось сбрасывать настройки(

возможности подключить напрямую нет
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

Ответов: 11
Просмотров: 1893
Последний ответ 10.08.2021, 20:59:27
от PNP
Как убрать боковые отступы в мобильной версии шаблона?

Автор Евгений1980

Ответов: 2
Просмотров: 1538
Последний ответ 18.01.2021, 18:24:53
от arma
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1438
Последний ответ 20.07.2020, 11:18:44
от kuraev64
Div с картинкой и текстом как ссылка

Автор suic

Ответов: 5
Просмотров: 2293
Последний ответ 11.04.2020, 12:47:15
от suic
Несколько вопросов про шаблон (Joomla! 3.9.1)

Автор int31

Ответов: 6
Просмотров: 1279
Последний ответ 09.02.2020, 20:28:49
от AlexB