Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   выход div за пределы монитора (https://javascript.ru/forum/misc/30151-vykhod-div-za-predely-monitora.html)

faraday 25.07.2012 19:29

выход div за пределы монитора
 
Здравствуйте, столкнулся с задачей перемещения объекта по монитору. к прмиеру если выбрать 3 тизера и сдвинуть блок вправо, а потом поставить 4-е. не вмещающиеся тизеры перенесуться на другую строку. можно ли как то запретить это? чтобы блок не ломался, а выходил за пределы монитора?

Deff 25.07.2012 19:37

Цитата:

Сообщение от faraday
Здравствуйте, столкнулся с задачей перемещения объекта по монитору. к прмиеру если выбрать 3 тизера и сдвинуть блок вправо, а потом поставить 4-е. не вмещающиеся тизеры перенесуться на другую строку. можно ли как то запретить это? чтобы блок не ломался, а выходил за пределы монитора?

втыкайте тизеры в div
<div style="position:relative;width:auto!important">Тут тизеры</div>
(У самих тизеров должно быть указание float:left;
либо display:inline-block;

faraday 25.07.2012 21:18

Вложений: 1
спасибо, но что-то не помогло... теперь выглядит так

Deff 25.07.2012 21:29

faraday,
Ссылку дайте = поправлю

faraday 25.07.2012 21:40

сори, забыл visdiv.ru/tizer

Deff 25.07.2012 22:17

faraday,
Мучался мучался - пришлось таблой
<div id='back'>

  <div id='header'>

	<p id='nameB'>Имя блока</p>
	<a id='close' href='#'><img src='close.png'/></a>
  </div>
	<a id='logo' href='http://advweb.ru/'><img src='logo.png'/></a>

<table><tr><td>

  <div class="item"><img src="tizer.jpg" alt="превью" /><img class="play" src="fr2.png"/></div>

</td><td>

  <div class="item"><img src="tizer.jpg" alt="превью" /><img class="play" src="fr2.png"/></div>

</td><td>

  <div class="item"><img src="tizer.jpg" alt="превью" /><img class="play" src="fr2.png"/></div>

</td><td>

  <div class="item"><img src="tizer.jpg" alt="превью" /><img class="play" src="fr2.png"/></div>

</td><td>

  <div class="item"><img src="tizer.jpg" alt="превью" /><img class="play" src="fr2.png"/></div>

</td><td>

  <div class="item"><img src="tizer.jpg" alt="превью" /><img class="play" src="fr2.png"/></div>

  <div id="lastSep"></div>

</td></tr></table>

  <div id="lastSep"></div>

</div>

bes 25.07.2012 22:27

такое не подойдёт
white-space: nowrap


Часовой пояс GMT +3, время: 06:07.