Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737 Форумы портала PHP.SU :: Невидимая картинка для ограничения вывода текста
Покинул форум
Сообщений всего: 38
Дата рег-ции: Авг. 2011
Помог: 0 раз(а)
Уважаемые форумчане. Прошу помощи. Чувствую, что просто туплю, ответ где-то на поверхности, но никак не могу решить задачу
Такая ситуация. Блочная верстка. Есть див для контента. В правом нижнем углу его фоновый рисунок. Внутри этого дива - другой, для вывода текста. Чтоб текст не налезал на фоновое изображение решил вставить в правый нижний угол внутреннего дива прозрачный png соответствующего размера. Однако ничего не получается, как ни кручу параметры и свойства. Подскажите пожалуйста, куда копать? Работаю вот здесь: http://studio-schupp[dot]de/natali/
По исходникам все видно. Перепробовал кучу вариантов уже.
Очень буду благодарен за помощь.
LIME
Отправлено: 02 Ноября, 2011 - 04:38:54
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
Schupp пишет:
Чтоб текст не налезал на фоновое изображение
на то оно и фоновое чтоб текст поверх шел
вставьте простой рисунок в нижний угол а не фоновый
Schupp
Отправлено: 02 Ноября, 2011 - 04:48:55
Новичок
Покинул форум
Сообщений всего: 38
Дата рег-ции: Авг. 2011
Помог: 0 раз(а)
Так я о чем и говорю! Во внутренний див вставляю в правый угол обычный рисунок, прозрачный png, а он вылезает за пределы и не спасает. А если даю абсолютную позицию, то текст на него лезет.
Потому и обратился за помощью. По слишком уж мелочам не стал бы беспокоить. В исходниках же есть все... И картинка, и CSS класс к ней. Вы просто невнимательно прочитали мою просьбу о помощи.
LIME
Отправлено: 02 Ноября, 2011 - 05:21:55
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
Schupp пишет:
А если даю абсолютную позицию, то текст на него лезет.
при абсолютном позиционировании остальные элементы ведут себя так как будто текущего нет вообще
хорошо бы это изменить но не знаю как
вообщето я в верстке мало понимаю
решил пока так
рисунок поменял на див
зачем гонять зря трафик
и перенес его выше
туда откуда текст должен обтекать
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui arcu, pretium quis cursus id, tempus sit amet purus.
In sit amet erat in libero sollicitudin vehicula at non ligula. Duis mattis tempus mauris, id viverra augue ultricies ut.
Vestibulum lectus elit, tempus consectetur dignissim ut, dapibus at metus. Fusce pharetra turpis neque, et malesuada lacus.
Nunc quis diam quis risus porttitor pharetra nec a turpis. In urna odio, ultricies non eleifend sed, faucibus quis sapien.
Aliquam accumsan, enim in malesuada iaculis, erat velit placerat quam, dapibus suscipit augue velit eget libero.
Curabitur convallis augue nec lacus vestibulum pretium. Vivamus dictum, lacus et molestie placerat, sem ante faucibus erat,
nec sodales arcu lorem ac lectus. Praesent vitae tincidunt nisl. Donec sit amet blandit tortor. Aenean sollicitudin vulputate mi.
Mauris felis erat, blandit at dapibus consectetur, auctor at lorem. Sed tellus velit, mollis ut volutpat non, accumsan ut tortor.
<br/><br/><divclass="ogr" ></div>
Curabitur tincidunt orci quis odio ullamcorper in euismod sapien laoreet. Etiam adipiscing viverra augue, non eleifend dolor egestas eget.
Sed convallis nunc ac eros elementum pellentesque. Etiam cursus eleifend ipsum at lacinia. Vestibulum luctus congue est, ac hendrerit justo elementum at.
Phasellus dapibus pellentesque tortor vel fringilla. Donec et purus nec risus tristique fringilla at viverra diam.
Cras pellentesque augue at ipsum sagittis at volutpat turpis tempor. Sed sodales sollicitudin tincidunt.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent dictum lacus quis est fringilla aliquet.
Sed viverra porttitor velit, eu malesuada tortor pulvinar non. Quisque ac neque leo.
Покинул форум
Сообщений всего: 38
Дата рег-ции: Авг. 2011
Помог: 0 раз(а)
Эхххх... Если бы было все так просто
Моя вина, не до конца рассказал о проблеме.
Контент в правом блоке будет динамический, потому и сделана обертка для дива текстового. Текста может быть много, а может быть и мало... Весь смысл проблемы - поставить в правый нижний угол внутреннего дива что-то (хоть изображение прозрачное, хоть див, хоть спан, хоть черта с рогами...), чтоб текст обтекал его слева и не наезжал на фоновый рисунок. Т.е. текст будет через визивиг в админке вводиться простым смертным, не имеющим представление о html, CSS и иже с ними, и вставлять в нужное место див или еще что он естественно не будет, а просто побьет меня больно, если текст по фону будет...
Подскажите, пожалуйста, уважаемые гуру, с какой стороны подъехать к этой проблеме? Вроде не полный лох в верстке, но не доходит никак до меня...
DeepVarvar
Отправлено: 03 Ноября, 2011 - 04:09:17
Активный участник
Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра
По проблеме, к примеру не конкретных размеров а принципа..
Вы накрутили там слишком много флоатов и клеров.
Левая граница правого сделана на паддингах - это изврат.
Должно быть так:
Покинул форум
Сообщений всего: 38
Дата рег-ции: Авг. 2011
Помог: 0 раз(а)
DeepVarvar пишет:
А padding-right не судьба?
А это здесь причем??? Я обратился за помощью с конкретным вопросом. И очень прошу помощи по нему. А то, что я меню пока не занимался и даже не уверен, будет ли еще именно это меню - не имеет никакого отношения к теме. И пробелами я вытащил тексты на крашеную область просто чтоб увидеть, как и что. В окончательном варианте естественно будет паддинг. Меня мама в детстве учила все делать по порядку, а не прыгать из стороны в сторону...
DeepVarvar пишет:
Левая граница правого сделана на паддингах - это изврат.
А это еще почему???? Чем в данном случае паддинг хуже маргина? Длиннее пишется? Сколько смотрел сайтов нормальных, со знающими людьми общался - никто подобного не говорил. Все прекрасно работает, все кроссбраузерно и надежно. Менять шило на мы просто так? Зачем?
DeepVarvar пишет:
Должно быть так:
Не, не должно быть.
DeepVarvar пишет:
Забьете блоки текстом - увидите, это то что вам надо.
Залил. Абсолютно не то, что мне надо. Я ведь выше ясно сказал: для того и создавался внутренний див для текста, чтобы форматировать сам вывод. Чего ради тогда было бы все это наворачивать? Футер предназнвачен совсем для других целей. Да и без футера можно было сделать так, чтоб картинка опускалась ПОД текст. Тем же маргином
Я ОЧЕНЬ прошу подсказать мне, как можно сделать в данном случае обтекание текстом. Т.е. мне надо вставить во внутренний див что-то конкретно в правый нижний угол, чтоб текст обтекал это что-то слева. Это единственная проблема, которую я не могу решить. Весь инет перерыл, ни одно решение не помогает. Точнее - такой проблемы конкретно не ставилось. При фиксированной высоте текстового блока - без проблем решается. При вставке картинки в нужное место текста - тоже. А вот вставить костыль до или после текстового контента, чтоб он жестко стоял в правом нижнем углу внутреннего дива - не могу придумать, как
Потому и прошу помощи. Очень прошу.
LIME
Отправлено: 03 Ноября, 2011 - 13:56:16
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
Schupp мне тоже интересно как решить ваш вопрос но...
вы зациклились
подумайте над поднятием текста
заполнить низ подходящим орнаментом/футером
это лучше чем костыли с вставкой в середину текста потому что это вызовет проблемы при изменении размеров окна
у вас есть рисунок в начале текста
что мешает вставить чтото в низ
может заказчик даже похвалит )) (Добавление)
как вариант добавлять в конце стандатный текст в диве
рекламный/адрес телефон и тд
DeepVarvar
Отправлено: 03 Ноября, 2011 - 16:25:11
Активный участник
Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра
Помог: 353 раз(а)
Schupp, не хотите понять - не надо. Я вам никто чтобы указывать. "Грабли" ваши и "лоб" ваш. Попутного ветра...
Покинул форум
Сообщений всего: 38
Дата рег-ции: Авг. 2011
Помог: 0 раз(а)
LIME пишет:
Schupp мне тоже интересно как решить ваш вопрос но...
вы зациклились
подумайте над поднятием текста
заполнить низ подходящим орнаментом/футером
это лучше чем костыли с вставкой в середину текста потому что это вызовет проблемы при изменении размеров окна
у вас есть рисунок в начале текста
что мешает вставить чтото в низ
может заказчик даже похвалит ))
Есть такая вещь как ТЗ. Где немецким по белому жестко прописано, как что и где должно быть. А заказчик (точнее - заказчица) не желает знать, что возможно, а что нет. Видела такое уже в сети и тоже такое хочет. Потому и зациклился, что искал выход.
По самому вопросу - проблема решена. Увы, с помощью верстки такой вариант невозможен в принципе, проштудировал все маны, переговорил с реальными гуру. Применен обходной путь: при сохранении контента из визивига php-скриптом просчитывается с конца определенное количество символов, ищется окончание предложения и туда вставляется костыль, как Вы правильно заметили в первом посте - див с соответствующими параметрами. Работает на все 100%, уже погонял по максимуму.
DeepVarvar пишет:
Schupp, не хотите понять - не надо. Я вам никто чтобы указывать. "Грабли" ваши и "лоб" ваш. Попутного ветра...
Ну зачем эти обидки и позы? Никого не хотел оскорбить, и в мыслях не было... Вам лично я очень и очень благодарен за помощь в вопросах PHP (благодарность моя не знает границ в разумных пределах ;) ). Но в данном случае Вы просто были не правы, не поняли самого вопроса и поспешили с советом. А он оказался не в тему. Так что если задел Вас - приношу извинения.
PS. По поводу верстки вообще - имею кое-какое представление. Но не имею желания холиварить на темы "как ДОЛЖЕН верстальщик верстать". По моему глубокому убеждению, у каждого свой стиль. Если верстка кроссбарузерная и более-менее валидная (имею ввиду отсутствие ошибок, а не используемые хаки), то эта верстка хорошая. А сколько там клиров и флоатов - личное дело верстальщика. Так что давайте эту тему опустим. Ну а Ваши советы по теме - всегда с вниманием и благодарностью выслушаю.
Вот...
LIME
Отправлено: 05 Ноября, 2011 - 05:03:02
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
Schupp пишет:
при сохранении контента из визивига php-скриптом просчитывается с конца определенное количество символов, ищется окончание предложения и туда вставляется костыль
LIME пишет:
это лучше чем костыли с вставкой в середину текста потому что это вызовет проблемы при изменении размеров окна
пробовали размер менять? а разные разрешения? а с мобилы?
Schupp
Отправлено: 05 Ноября, 2011 - 11:24:19
Новичок
Покинул форум
Сообщений всего: 38
Дата рег-ции: Авг. 2011
Помог: 0 раз(а)
LIME пишет:
пробовали размер менять? а разные разрешения? а с мобилы?
И размер менял, и разрешения. С мобилы: просто просмотр с айфона или с моего самсунга в обычных браузерах - показывает нормально. По крайней мере все в пределах допустимых погрешностей. Див сделал узким и высоким, чтоб в ДАННОМ случае небольшой сдвиг не сбивал показ. Если будет желание найти косяк - как только выложу на хостинг уже реальный - могу дать линк - буду благодарен за указание дыр.
Но повторюсь: в ТЗ все четко описано и насчет разрешений тоже, но про увеличение размеров шрифта и т.д. там нет ни слова Так что для себя лично буду конечно выяснять, насколько это надежно, но для заказчицы - все готово
LIME
Отправлено: 05 Ноября, 2011 - 11:32:58
Активный участник
Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010
Помог: 322 раз(а)
пусть так
толь не надо искать конец предложения лепи хоть в середину слова при обтекании это не важно
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.