Доброй ночи! Подскажите как сделать чтобы текст обтекал див слева и сверху?
http://jsfiddle.net/reh1910/1fn8bd20/
Полная Версия: обтекание текстом сверху и сбоку
Установи float: left для класса s_test. Возможно, ты получишь то, что надо. Хотя я не совсем понял, что же именно ты хочешь получить 
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
sergeiss
мне нужно чтобы было как тут http://jsfiddle.net/reh1910/c8khgsnw/1/ только чтобы текст еще был над квадратом
мне нужно чтобы было как тут http://jsfiddle.net/reh1910/c8khgsnw/1/ только чтобы текст еще был над квадратом
Ну так, вроде, так и получается?
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Полный код
<style>
.s_test{
float: left;
background-color: yellow;
}
.d_test{
height:30px;
width:80px;
background:blue;
float:right;
}
</style>
<span class="s_test">testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttes ttesttesttesttesttesttesttesttesttest<br>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestt esttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest<br>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestt esttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest<br>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestt esttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest<br>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestt esttesttesttesttesttesttesttest
<div class="d_test">test</div>
</span>
<div style="clear: both"></div>
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
нет, если задать ширину и высоту больше то так не выходит((
http://prntscr.com/7zs5if
Например так
http://prntscr.com/7zs5if
Например так
.d_test{
height:130px;
width:180px;
background:blue;
float:right;
}
обтекание вроде только слева и справа, если надо как бы сверху, то твой синий div нужно вставлять в текст, а не после
http://jsfiddle.net/1fn8bd20/1/
_____________
"internet explorer всех правильней отображает страницы" ©
http://jsfiddle.net/1fn8bd20/1/
_____________
"internet explorer всех правильней отображает страницы" ©
SerginhoLD
Спасибо! Буду знать. Я думал что сверху и сбоку тоже возможно
Спасибо! Буду знать. Я думал что сверху и сбоку тоже возможно
Reh, я тебе "адын умный вещь скажу"... Если использовать JS и немного фантазии, то ты можешь нарисовать всё, что хочешь.
Например, ты можешь сделать так, чтобы текст "перетекал" из одного DIVа в другой. И как ты расположишь эти ДИВы, это уже твоя проблема. Хоть лесенкой, хоть в шахматном порядке Чистый CSS это не позволит сделать никак, а вот JS - да, сделает.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Например, ты можешь сделать так, чтобы текст "перетекал" из одного DIVа в другой. И как ты расположишь эти ДИВы, это уже твоя проблема. Хоть лесенкой, хоть в шахматном порядке
Чистый CSS это не позволит сделать никак, а вот JS - да, сделает._____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата |
| Чистый CSS это не позволит сделать никак, а вот JS - да, сделает. |
Все понятно, спасибо:) Я сейчас тогда подумаю чтобы это на php сделать.
На ПХП не сделаешь, только на JS. Потому что в разных браузерах этом может по-разному сработать. ПХП не сможет управлять процессом внутри браузера.
Суть простая, на самом деле (я это реализовывал уже, где-то код валяется). Надо просто взять исходный код и по одному слову вставлять в искомый ДИВ. Как только у ДИВа появляются полосы прокрутки, это является знаком, что последнее слово было лишнее Удаляем его, полосы прокрутки исчезают. Это слово вставляем уже во второй ДИВ. И так далее, пока либо текст не закончится, либо ДИВы не закончатся.
Что существенно, этот алгоритм прекрасно работает и при ресайзе ДИВов - но ПХП тут уж точно не поможет.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Суть простая, на самом деле (я это реализовывал уже, где-то код валяется). Надо просто взять исходный код и по одному слову вставлять в искомый ДИВ. Как только у ДИВа появляются полосы прокрутки, это является знаком, что последнее слово было лишнее
Удаляем его, полосы прокрутки исчезают. Это слово вставляем уже во второй ДИВ. И так далее, пока либо текст не закончится, либо ДИВы не закончатся.Что существенно, этот алгоритм прекрасно работает и при ресайзе ДИВов - но ПХП тут уж точно не поможет.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
А если в пхп разбить текст на две части и вставить каждую в свой див.
Что может пойти не так?
Что может пойти не так?
В разных браузерах див разное количество символов вместит?
| Цитата (Reh @ 2.08.2015 - 20:06) |
| А если в пхп разбить текст на две части и вставить каждую в свой див. Что может пойти не так? |
Проверь
Особенно интересно, что ты будешь делать, если дизайн "резиновый".
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата |
| Проверь |
Ночью попробую
Сейчас нас с дочкой вдвоем оставили, от нее особо не отойдешь
Здесь расположена полная версия этой страницы.