9 replies to this topic

[andriy]

Ребята столкнулся с проблемой визуального редактирования страниц в ETOMITE, TinyMCE отказывается работать...и вобще я сначала очень хотел FCKeditor, искал релиз для ETOMITE ,затрудняюсь найти или то что есть - ссилки битые . Кто может помочь!?... прикрепить FCKeditor к ETOMITE

[InFerNo]

В данном топике описано http://www.etomite.com/index.php?sh...mp;hl=FCKEditor

[MbyteZ]

andriy, on Dec 14 2008, 07:40 PM, said:

Ребята столкнулся с проблемой визуального редактирования страниц в ETOMITE, TinyMCE отказывается работать...и вобще я сначала очень хотел FCKeditor, искал релиз для ETOMITE ,затрудняюсь найти или то что есть - ссилки битые . Кто может помочь!?... прикрепить FCKeditor к ETOMITE

Ты здесь посмотри http://www.etomite.com/index.php?s=...ost&p=45674
Там же можешь скачать версию 2.5(уже готовую к применению), а также инструкцию по интеграции новых версий

Edited by MbyteZ, 15 December 2008 - 07:29 PM.

[core]

MbyteZ, on 15 December 2008 - 07:28 PM, said:

Ты здесь посмотри http://www.etomite.com/index.php?s=...ost&p=45674
Там же можешь скачать версию 2.5(уже готовую к применению), а также инструкцию по интеграции новых версий

Спасибо вам ребята...)) а как решить проблему загрузки изображения через FCKeditor?

[InFerNo]

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

[core]

InFerNo, on 15 September 2009 - 08:03 PM, said:

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

все гораздо проще, обновил версию 2.4 к 2.5 а так Спасибо! Но тепер другая беда.. обтекание картинки текстом. во общем.. обтекание работает но вот в чем проблема,указываю отступ 5пх от картинки к тексту чтоб не слипалось и вот.. в ИЕ 7,0 - 6,0 работает в вот Мозилла Опера и Гугл Хром.. отступа нету текст впритык к картинке... пробовал рекомендациии те что есть в и-нете что то не получается.. помогите разобраться
Вот мой код CSS ..

*{margin:0px;padding:0px}

 a {
outline: none;
}

h1
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.5em;
font-weight: bold;
color:#333333;
line-height:1.6em
padding-left: 0.5em;
}
h4
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:.9em;
font-weight: bold;
line-height:1.6em;
text-align: right;
}

p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.8em;
font-weight: normal;
color:#333333;
padding-left:5px;
line-height:1.6em
}


b
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-weight: bold;
color:#000000;
padding-left:5px;
line-height:1.6em;
}
.quote
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-style: italic;
margin-left:0px;
padding-left:0px;
padding-top:0px;
line-height:1.6em;

}


.right
{

border:0; width:984px;
    background-image: url(image/bg-rounded-double.gif)  ;
}

.menu
{

padding:10px;
 margin:0px;
 border:2px;
 width:20%;
  height: 200px     ;
  padding-top: 25px
}


a
{
color:#999999;         /*#467AA7*/
font-size:0.9em;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:link
{
color:#555555;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:visited
{
color:#777777;
font-style:normal;
font-weight:normal;
text-decoration:none;
}


a:hover
{
color:#1C7114;
font-style:normal;
text-decoration:none;
border-bottom: 1px dashed green;
 }

/* NewsListing Snippet Classes
---------------------------------- */
ul.newsList
{
  list-style: none;
  padding-left: 0em;    /*1em*/
}

li.newsLi
{
  /*padding: .0em;    */            /*0.5em*/
  color:inherit;                    /**/
  background: #FFFFFF;       /*#efefef    */
 margin: .0em;              /*0.5em*/
}

h1.newsTitle
{
  /*the news story title */
  border-bottom: 1px dashed #ddd;
}

p.postInfo
{
  text-align: right;
  font-size: 0px;
  color: #FFFFFF;
  background:inherit;
}

h2.oldernewsheading {}

ul.oldnews
{
  font-size: 90%;
}




/* Layout */
body

{
margin: 0;
padding:0;
font-family: Verdana,'Lucida Grande', Verdana, Helvetica, sans-serif;
background-image:  url(bg.gif);
background-repeat: repeat-x;
list-style:none;
background-color: #e7eadc;
}




#wrapper

{
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width:999px;
background:transparent;


}

#texxt
{
  color: #FFFFFF    ;
}


#header

{
/*border:double 3px Silver; */
 width: 984px;
 height: 323px ;
 background-image: url(image/bg-header-home.jpg);

}

#b1

{
float:right;
padding-top:54px;
padding-right:20px;
border: none;
  padding-left: 1px;
}

a.b1:link {color: #EEEEEE;}
a.b1:hover {color: #1C7114;}


#header .partners

{
float:right;


border: none;

}


#content

{
float:left;
background-color:transparent;
margin-top:0px;
margin-bottom:0px;
padding:10px;
width:820px;



}

#headerfooter

{
background-image: url(image/bg-rounded-bottom.gif);
width: 984px;

  height: 12px;
  background-repeat: no-repeat
}

#menu

{
  position:absolute;
  top: 343px ;
  width: 200px;
  height: 453px ;

}


#help

{
  position:absolute;
   top: 593px ;
     padding: 150px;

}
#help a:hover {text-decoration: none;
border-bottom: 1px dashed black }
#note

{
  position:absolute;
   top: 343px ;
  width: 238px;
 height: 453px ;
  background-image: url(image/note.jpg);

}

#footer

{

font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.6em;
font-weight: normal;
color:#333333;
line-height:1.6em  ;

  border:double 0px Silver;
  width: 984px;
  padding:10px;
  margin:5px 0px;
  /*background-image: url(image/footer.gif);    */
  background-repeat: repeat-x  ;
  text-align: left   ;
}

#footer .col-right img {vertical-align: middle; right: 1% }
/*clear: both;
margin-right: 0px;
margin-bottom:0px;
margin-left: 0px;
padding:8px;
text-align:center;
background-position: center;     */

   /*
#footer p

{
font-size: 0.6em;
line-height:1em;
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
color: #5b5b5b;
padding-top: 10px;
padding-right: 270px;
padding-bottom: 10px;
padding-left: 270px;
text-align: center;

}

#footer a

{
font-size: 0.6em;
font-weight: normal;
color: #facd00;
text-align: center;
}

#footer a:hover

{
text-decoration: underline;
font-weight: normal;
color: #facd00;
text-align: center;
}
                          */

[InFerNo]

Попробуйте так

IMG.wrap {
 float: right; /* Обтекание картинки по левому краю */
 padding-left: 10px; /* Отступ слева */
 padding-bottom: 10px; /* Отступ снизу */
}

Использование:

<p><img src="sample.gif" width="100" height="200" alt="Иллюстрация" class="wrap">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> 

[core]

InFerNo, on 24 September 2009 - 08:01 PM, said:

Попробуйте так

IMG.wrap {
 float: right; /* Обтекание картинки по левому краю */
 padding-left: 10px; /* Отступ слева */
 padding-bottom: 10px; /* Отступ снизу */
}

Использование:

<p><img src="sample.gif" width="100" height="200" alt="Иллюстрация" class="wrap">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> 

К сожалению эффект нулевой.

[InFerNo]

core, on 30 September 2009 - 09:29 AM, said:

К сожалению эффект нулевой.

Позиционирование текста достигается, благодаря помещению его в дополнительный <div>, которому указывается свойство display: table. Если бы был всего один параграф с текстом, то дополнительный <div> не понадобился бы, достаточно было бы применить display: table к блоку параграфа. Однако, если на практике используется несколько параграфов, то их приходится помещать в отдельный контейнер, иначе второй и последующие параграфы съедут под изображение.

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

Описанное ниже решение применимо в двух следующих случаях:

1. Если используется более одного абзаца с текстом.

2. Если изображение имеет постоянную ширину.


Пусть, к примеру, у нас будет следующий html-код:

<ul>
  <li>
    <img src="image.jpg" alt="" />
    <p>Параграф с текстом</p>
    <p>Еще один параграф с текстом</p>
  </li>
</ul>

Шаг 1-й

Для начала создадим слева от текста отступ, в который уместится изображение, и добавим к последнему обтекание текстом:

ul li {padding-left: 147px}
ul li img {float: left}

Шаг 2-й

Следующим стилем мы позиционируем изображение:

ul li img {
  float: left;
  position: relative;
  left: -135px;
}

Шаг 3-й

Теперь остается ликвидировать разрыв между изображением и текстом путем добавления отрицательного отступа справа от изображения:

ul li img {
  float: left;
  position: relative;
  left: -135px;
  margin-right: -135px;
}

Надеюсь, что данный совет пригодится.

[InFerNo]

Так же, вы можете посетить данную страницу для более детального изучения.