Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Перенос слов на новую строку после пробела

Автор: Enya 28.11.2006, 16:03

Вот пишу например:

Код


<td>
  <div class="object">
    <img src="images/miniature/12654.gif"><br>
    <p>Слово1, Слово2 56<br>Слово3: Слово4<br>(<span class="object_text_desc">Фото 6</span>) <span class="object_text_desc">Далее?</span>
    </p>
  </div>
</td>

В IE вот такой вывод:

Цитата

Слово1,
Слово3
56
Слово3:
Слово4
(фото
6)
Далее?

А в огненойЛисе всё нормаьно выводит, как и нужно в 3 строчки.
С чего это пробел как Enter работает?

Автор: skyboy 28.11.2006, 16:37

а какие стили для class="object_text_desc" & class="object"?

Автор: LesnoyChelovek 28.11.2006, 19:34

попробуй <pre></pre> использовать.

Автор: Enya 29.11.2006, 18:05

skyboy, там только определение цветов и размеров. Не думаю что это может сильно влиять.
Хорошо, я вечерком скину код. На всякий пожарный.

LesnoyChelovek, хорошо, по пробую.

Автор: Enya 29.11.2006, 23:44

skyboy,

Код


.object{
    background: #D3EDD2;
    border: 1px solid #7EB677;
    padding: 4px;
    margin: 4px;
    width: 10%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #416541;
    display: table-cell;
}
span.object_text_desc{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #F4771A;
    font-weight: bold;
}

Добавлено @ 23:48
LesnoyChelovek, попробовала <pre> сделал очень мелким шрифт, может для него стильнаписать? а то у меня в ячейке таблицы стиль для текстов verdana, в этом теге TimesNewRoman smile

А вообще из-за чего перенос? smile

Автор: SelenIT 29.11.2006, 23:58

Возможно (и скорее всего) ширины элементу не хватает, чтобы текст до <br> в одну строчку разместить. width: 10%; у .object - относительно чего?

Автор: skyboy 30.11.2006, 00:08

SelenIT, опередил smile

если вставить приведенный код в body, то проблема и правда решается изменением ширины

Автор: Enya 30.11.2006, 09:05

А зачем относительно чего-то? просто ширина 10% от размера экрана, наверное.. хотя думаю стоит задуматься над этим моментом. smile

Код


width: 10%;

Автор: skyboy 30.11.2006, 11:49

Enya, относительная ширина, как и относительное смещение, задается относительно родителя(только не непосредственного, а отображаемого: например, ширина <tr> вычисляется не относительно <tbody>, а относительно <table>)