Как перенести строку?

madigor

Отправлено: 20 Март 2009 12:09 A.M.

[ Игнорировать ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

Люди добрые (знаю тут иногда такие бывают), помогите пожалуйста. Происходит наложение текста, т.е. если слишком длинный заголовок в гостевой написали, то заголовок накладывается на ссылку “Все отзывы” (как показано ниже), как сделать так, чтобы текст доходил до “Все отзывы”, а потом (если он длинный) автоматом перенасился на строку ниже? Это в css прописывается или?

Профиль

Sergey

Отправлено: 20 Март 2009 01:07 A.M.

[ Игнорировать ] [ # 1 ]

Студент

Всего сообщений: 99

Зарегистрирован 2008-02-06

madigor - 20 Март 2009 12:09 A.M.
Люди добрые (знаю тут иногда такие бывают), помогите пожалуйста. Происходит наложение текста, т.е. если слишком длинный заголовок в гостевой написали, то заголовок накладывается на ссылку “Все отзывы” (как показано ниже), как сделать так, чтобы текст доходил до “Все отзывы”, а потом (если он длинный) автоматом перенасился на строку ниже? Это в css прописывается или?
В файле comfort.zip - тот самый css файл....
Помогите пожалуйста!

В css задай высоту auto для слоя с заголовком.

Профиль

madigor

Отправлено: 20 Март 2009 10:01 A.M.

[ Игнорировать ] [ # 2 ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

Вот тут:
#content .testimonial p.person {
width: 300px;
height: 27px;
line-height: 27px;
font-size: 11px;
background: url(/img/bg/testimonial.gif) left top no-repeat;
overflow: hidden;
position: relative;

поставил line-height: auto; он конечно перенес, но перенес после того, как залез на надпись “Все отзывы” :(

Профиль

Calm

Отправлено: 20 Март 2009 10:05 A.M.

[ Игнорировать ] [ # 3 ]

Администратор

Всего сообщений: 1354

Зарегистрирован 2008-01-02

а уменьшить width не помогает?

Подпись

booooring…

Профиль

madigor

Отправлено: 20 Март 2009 10:08 A.M.

[ Игнорировать ] [ # 4 ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

он тогда просто сужает background: url(/img/bg/testimonial.gif) left top no-repeat; и вцелом всё что написанно в окне :(

Профиль

Calm

Отправлено: 20 Март 2009 10:35 A.M.

[ Игнорировать ] [ # 5 ]

Администратор

Всего сообщений: 1354

Зарегистрирован 2008-01-02

просто надо имя-фамилию заключить в


<span> ... </span>

и уже для span ограничить width

Подпись

booooring…

Профиль

madigor

Отправлено: 20 Март 2009 10:39 A.M.

[ Игнорировать ] [ # 6 ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

это соотвественно сделать уже не в css а в файле index ?

Профиль

Calm

Отправлено: 20 Март 2009 11:00 A.M.

[ Игнорировать ] [ # 7 ]

Администратор

Всего сообщений: 1354

Зарегистрирован 2008-01-02

span - в html, а его стиль (width) в css или параметром style (<span style=“width:280px;”>)

Подпись

booooring…

Профиль

Максим

Отправлено: 20 Март 2009 11:24 A.M.

[ Игнорировать ] [ # 8 ]

Sr. Member

Всего сообщений: 987

Зарегистрирован 2008-09-27

Это ты предлагаешь для текста “все отзывы” такой стиль сделать? В css есть же свойство какое-то, тип что сделать с текстом, если он не влазит?

Профиль

Calm

Отправлено: 20 Март 2009 01:36 P.M.

[ Игнорировать ] [ # 9 ]

Администратор

Всего сообщений: 1354

Зарегистрирован 2008-01-02

я даже не смотря на код могу предположить, что у “все отзывы” и так стоят в span c float свойством. и соответственно, тут можно только ограничить в ширине левый блок.

Подпись

booooring…

Профиль

madigor

Отправлено: 20 Март 2009 01:48 P.M.

[ Игнорировать ] [ # 10 ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

Для вывода этой строки используется сл. код:

{exp:weblog:entries weblog="guestbook" orderby="entry_date" sort="desc" dynamic="off" limit="1" status="{lang}"}
                        <blockquote><p>{comment}</p></blockquote>
                        <p class="person"><span class="name">{title}, {entry_date format="%d.%m.%Y"}</span> <span class="all"><a href="{path}/guestbook/">{ind_all_reviews}</a></span></p>
                    {/exp:weblog:entries} 

Calm, куда здесь что вписать?

Профиль

Calm

Отправлено: 20 Март 2009 01:55 P.M.

[ Игнорировать ] [ # 11 ]

Администратор

Всего сообщений: 1354

Зарегистрирован 2008-01-02

ну верстка правильная Уже все есть, соответственно за левый блок отвечает <span class=“name”>, туда и надо включать width

#content .testimonial p.person span.name {
    padding-left: 15px;
    background: url(/img/ico/name.gif) 3px 7px no-repeat;
    position: absolute;
    top: 0;
    left: 5px;
      width: 270px; 
} 

Подпись

booooring…

Профиль

madigor

Отправлено: 20 Март 2009 02:09 P.M.

[ Игнорировать ] [ # 12 ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

не помогло, всёравно дата налезла на “Все отзывы” :(

Профиль

Calm

Отправлено: 20 Март 2009 02:14 P.M.

[ Игнорировать ] [ # 13 ]

Администратор

Всего сообщений: 1354

Зарегистрирован 2008-01-02

ну еще меньше сделай width.
Вообще, я бы ограничил длину ников. Или на отдельную строчку перенес. Можно как крайнюю меру добавить еще в стиль overflow : hidden . Много чего можно сделеть - это у вас версталщик должен был предусмотреть.

Подпись

booooring…

Профиль

Sergey

Отправлено: 20 Март 2009 07:13 P.M.

[ Игнорировать ] [ # 14 ]

Студент

Всего сообщений: 99

Зарегистрирован 2008-02-06

madigor - 20 Март 2009 10:08 A.M.
он тогда просто сужает background: url(/img/bg/testimonial.gif) left top no-repeat; и вцелом всё что написанно в окне :(

Если сужает, добавь min-height, а для ИЕ _height

Профиль

madigor

Отправлено: 20 Март 2009 07:26 P.M.

[ Игнорировать ] [ # 15 ]

Новичок

Всего сообщений: 41

Зарегистрирован 2009-03-05

Всем спасибо больше за помошь и отклики, приятно что делитесь опытом и подсказываете, действительно порой очень сложно разобраться самому :(
Один хороший человек с этого форума решил проблему так (и оно помогло, пусть будет хотябы так):

{exp:weblog:entries weblog="guestbook" orderby="entry_date" sort="desc" limit="1" status="{lang}"}
                        <blockquote><p>{comment}</p></blockquote>
                        <p class="person"><span class="name">{title}, {entry_date format="%d.%m.%Y"}</span><br/><div class="all" style="text-align:right"><a href="{path}/guestbook/">{ind_all_reviews}</a></div></p>
                    {/exp:weblog:entries} 

А выглядит это так:

Профиль

‹‹ Чем достигается параграф? К вопросу о Java script ››