Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: фон текста
 
 автор: Mootch   (28.10.2007 в 14:05)   письмо автору
 
 

Подскажите, пожалуйста, как сделать так - см. вложение.
Как фон у текста делять, увеличить расстояние между строк - понятно. А вот как задать отступ слева?

   
 
 автор: sim5   (28.10.2007 в 14:12)   письмо автору
 
   для: Mootch   (28.10.2007 в 14:05)
 

Задайте элементу в котором находтся текст - padding-left : parametr.

   
 
 автор: Mootch   (28.10.2007 в 14:28)   письмо автору
 
   для: sim5   (28.10.2007 в 14:12)
 

не помогает

   
 
 автор: sim5   (28.10.2007 в 14:35)   письмо автору
 
   для: Mootch   (28.10.2007 в 14:28)
 

Что не помогает, вы же хотите задать отступ слева:


<table>
<tr>
<td style="padding-left: 14px; 
border: 1px solid Black; 
background: #FDF5E6; 
padding: 4px 4px 4px 14px;">TEXT</td>
</tr>
</table>


В данном случе текст отстоит на 14рх слева от бордюра элемента. Вам что нужно?

   
 
 автор: Mootch   (28.10.2007 в 14:54)   письмо автору
 
   для: sim5   (28.10.2007 в 14:35)
 

Так мне нужна еще елочка справа :)

   
 
 автор: sim5   (28.10.2007 в 15:26)   письмо автору
 
   для: Mootch   (28.10.2007 в 14:54)
 

Подождите, скоро 31 декабря, будет елочка. Вы об отступе первой строки?
text-indent: 6px;

   
 
 автор: Mootch   (28.10.2007 в 15:38)   письмо автору
 
   для: sim5   (28.10.2007 в 15:26)
 

Нет, я о том, что должна быть закрашена облать только под текстом + 5 пикселей. Закрашивать прямоугольник под текстом мне не надо.

   
 
 автор: AlexSol   (28.10.2007 в 15:45)   письмо автору
 
   для: Mootch   (28.10.2007 в 15:38)
 


<p style="padding: 4px 4px 4px 14px;"><span style="background: #FDF5E6; ">
TEXT</span></p> 

   
 
 автор: Mootch   (28.10.2007 в 15:50)   письмо автору
 
   для: AlexSol   (28.10.2007 в 15:45)
 

>

><p style="padding: 4px 4px 4px 14px;"><span style="background: #FDF5E6; ">
>TEXT</span></p> 
>
>

Это немного нето. В этом коде "TEXT" влипает влево в фон FDF5E6. Мне нужно, что бы там был отступ.

   
 
 автор: sim5   (28.10.2007 в 15:51)   письмо автору
 
   для: Mootch   (28.10.2007 в 15:38)
 

О чем вы? Раскрашивать фон непосредственно под самым текстом? Ну тогда, наверное, разбивать надо текст как-то.

   
 
 автор: Mootch   (28.10.2007 в 16:02)   письмо автору
 
   для: sim5   (28.10.2007 в 15:51)
 

Я об этот расстоянии - в аттаче обвел красным

   
 
 автор: sim5   (28.10.2007 в 16:06)   письмо автору
 
   для: Mootch   (28.10.2007 в 16:02)
 

Это расстояние называется padding-left - что не понятного?

   
 
 автор: Mootch   (28.10.2007 в 16:17)   письмо автору
 
   для: sim5   (28.10.2007 в 16:06)
 

ну попробуйте так сделать. padding-left в данном случае - это расстояние только от первой строчки

   
 
 автор: sim5   (28.10.2007 в 16:20)   письмо автору
 
   для: Mootch   (28.10.2007 в 16:17)
 

Не городите чушь! Приведите полностю весь код того что вы делаете.

   
 
 автор: Mootch   (28.10.2007 в 16:29)   письмо автору
 
   для: sim5   (28.10.2007 в 16:20)
 

по-вежливее, сейчас Вы убедитесь



<span style="background-color:green; font-size:12px;padding:2px; line-height:1.5;padding-left:10px;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
TROCAL INNONOVA 70: НОВЫЕ МАСШТАБЫ 
ПРОФИЛЬНЫХ СИСТЕМ
Профильная марка TROCAL всегда отличалась 
своей прогрессивностью. Став 50 лет назад 
родоначальником отрасли по изготовлению 
окон из ПВХ-профилей, TROCAL на протяжении 
всех этих лет занимал лидирующую позицию и 
активно участвовал в формировании и 
отрасли, и рынка в целом. Сегодня инженеры 
из Тройсдорфа   штаб-квартиры профильной 
марки<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; представляют на рынке плод 
многолетних разработок   профильную серию 
Трокаль ИнноНова (INNONOVA), которая задает 
новые масштабы для современных профильных 
систем и открывает дополнительные 
возможности для клиентовTROCAL INNONOVA 70: 
НОВЫЕ МАСШТАБЫ ПРОФИЛЬНЫХ СИСТЕМ
Профильная марка TROCAL всегда отличалась 
своей прогрессивностью. Став 50 лет назад 
родоначальником отрасли по изготовлению 
окон из ПВХ-профилей, TROCAL на протяжении 
всех этих лет занимал лидирующую позицию и 
активно участвовал в формировании и 
отрасли, и рынка в целом. Сегодня инженеры 
из Тройсдорфа   штаб-квартиры профильной 
марки</span>

   
 
 автор: sim5   (28.10.2007 в 16:35)   письмо автору
 
   для: Mootch   (28.10.2007 в 16:29)
 

Что сильно обидел? Ну если вы чушь говорите, что я должен сказать? ) А так?


<span style="background-color: green; font-size: 12px; line-height: 1.5; padding-left: 10px; display: block;">

И делайте переводы в тексте, страницу растягивает...

   
 
 автор: Mootch   (28.10.2007 в 16:56)   письмо автору
 
   для: sim5   (28.10.2007 в 16:35)
 

Теперь фон стал прямоугольником ... этого не надо

   
 
 автор: sim5   (28.10.2007 в 16:59)   письмо автору
 
   для: Mootch   (28.10.2007 в 16:56)
 

Ну разбивайте тогда предложение на части и в SPAN...

   
 
 автор: Mootch   (28.10.2007 в 17:19)   письмо автору
 
   для: sim5   (28.10.2007 в 16:59)
 

Отот вариант не рассматривается :) Нельзя ли с помощью css этого как-то добиться?

   
 
 автор: sim5   (28.10.2007 в 17:24)   письмо автору
 
   для: Mootch   (28.10.2007 в 17:19)
 

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

   
 
 автор: Mootch   (28.10.2007 в 17:28)   письмо автору
 
   для: sim5   (28.10.2007 в 17:24)
 

да нужно просто, что бы были закрашенные поля у текста

   
 
 автор: AlexSol   (28.10.2007 в 17:58)   письмо автору
 
   для: Mootch   (28.10.2007 в 17:28)
 


<p style="width:100px;margin: 4px 4px 4px 14px;border-left:10px solid #FDF5E6;"><span style="padding:0 5px;background: #FDF5E6; "> 
121c2sd1c2s 2c1sd 2c1sd2 1c2sd1 cs2d1cs21cs2c1s2d</span></p>  

   
 
 автор: Mootch   (28.10.2007 в 18:05)   письмо автору
 
   для: AlexSol   (28.10.2007 в 17:58)
 

Спасибо!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования