Перейти к публикации
Heaven

Вид п.н. fullstory.tpl

Рекомендованные сообщения

Heaven

как сделать так чтоб спойлер не залез на картинку а переместился в право как и текст

 

стили в css

.head-movie1{
	background-color: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #ccc;
        padding: 10px 10px 10px 10px;
        float: left;
      


}

.head-movie{
	background-color: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;

}

 

стили в fullstory

  <div class="head-movie">
 <img class="head-movie1" src="{image-1}" height="339" width="250" />
		{full-story}
		<div style="clear: both;"></div>
	</div>

 

post-2505-0-25218200-1372930607_thumb.png

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Soul

Попробуй спойлеру задать

display: inline;

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

получается криво

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Soul

Дай линк на сайт

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

он у меня на denwer

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

 

он у меня на denwer

Открой порт или загрузи на бесплатный хостинг.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

простите за наглости у вас нету стиль где изображение расположена в права а текст идют с левава верхниго угла вниз не пересекая изображение проста у меня не получается создать

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
jakal

может Вам надо создать два блока, один содержит картинку, а второй текст и спойлер, и тогда спойлер не должен наезжать на два блока,

то есть что то типа такого

  <div class="head-movie">

<div class="block-img">
 <img class="head-movie1" src="{image-1}" height="339" width="250" />
</div>
<div class="block-text-spol">
{full-story}
</div>
		<div style="clear: both;"></div>
	</div>

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Soul
<div class="content">
      <div class="poster">
        <a href="#"><img alt="" src="ссылка на картинку"></a>
      </div>
      <div class="text">      
        <p>Текст Текст Текст Текст Текст Текст</p>
      </div>
    </div>

 

.poster {
    float: left;
    padding-left: 10px;
}

Образно как-то так. Писал на скорую руку.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nack

Попробуй сделать отступ текста от изображения, сложив ширину картинки + 10px, тогда текст не будет обтекать картинку. (или аналогично можно использовать display:inline-block)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×
×
  • Создать...