Привет, пришлось заняться немного веб-разработкой, хотя не на это я учился
Вобщем, проблема в следующем...
есть такое:
<tr>
<td width="30%">
<span class="sectionTitle"><lang:message key="lbl_Procedures" textcomp="downloadLocale">
Procedure:</lang:message></span>
</td>
<td width="28%">
<span id="_PROCEDURES"></span>
</td>
<td width="21%">
<span class="sectionTitle"><lang:message key="lbl_OrderMD" textcomp="downloadLocale">
Ordering MD:</lang:message></span>
</td>
<td width="21%">
<span id="_ORDERING_MD"></span>
</td>
</tr>
потом:
_PROCEDURES.innerText = text;
Если в эту переменную "text" запихнуть слишком большой кусок текста, то размер таблицы увеличивается до неприличия. Не знаю как с этим быть. Не помогает даже явное указание ширины span:
<span id="_PROCEDURES" style="width:10px"></span>
помогите, плиз, чайнику
Надо смотреть в сторону text-overflow
Пример с MSDN как есть:
<HTML>
<BODY>
<DIV STYLE="text-decoration:underline;color:darkRed;
font: bold 20px Arial;font-weight:bold">
Effect of CSS property <I>text-overflow</I></DIV>
<DIV STYLE="font: bold 16px Arial; color:darkRed; font-weight:bold">
Each box (DIV element) below contains the following text:</DIV>
<DIV >We hold these truths to be self-evident,
that all people are created equal.</DIV>
<DIV STYLE="font: bold 16px Arial;color:darkRed; font-weight:bold">
Note how the STYLE settings effect the rendering of the text</DIV>
<DIV STYLE="position: relative; height: 75px; top:10">
<DIV STYLE="position: absolute; left: 10px;
font: bold 16px Arial, sans-serif; color: blue; ">
STYLE ="text-overflow : clip; overflow : hidden"
<DIV STYLE="position: absolute; left: 0px; top: 18px; color: black;
width: 120px; height: 50px; border: 1px solid blue;
font: 14px Times New Roman, serif; overflow: hidden;
text-overflow:clip">
<NOBR>We hold these truths to be self-evident,
that all people are created equal.</NOBR>
</DIV>
</DIV>
<DIV STYLE="position: relative; height: 75px; top: 70">
<DIV STYLE="position: absolute; left: 10px;
font: bold 16px Arial, sans-serif; color: blue; ">
STYLE ="text-overflow : ellipsis; overflow : hidden"
<DIV STYLE="position: absolute; left: 0px; top: 18px; color: black;
width: 120px; height: 50px; border: 1px solid blue;
font: 14px Times New Roman, serif; overflow: hidden;
text-overflow:ellipsis">
<NOBR>We hold these truths to be self-evident,
that all people are created equal.</NOBR>
</DIV>
</DIV>
<DIV STYLE="position: relative; height: 75px; top:70">
<DIV STYLE="position: absolute; left: 10px;
font: bold 16px Arial, sans-serif; color: blue; ">
STYLE ="text-overflow : ellipsis; overflow : visible"
<DIV STYLE="position: absolute; left: 0px; top: 18px; color: black;
width: 120px; height: 50px; border: 1px solid blue;
font: 14px Times New Roman, serif; overflow: visible;
text-overflow:ellipsis">
<NOBR>We hold these truths to be self-evident,
that all people are created equal.</NOBR>
</DIV>
</DIV>
</BODY>
</HTML>
Здравствуйте, Сэма, Вы писали:
С>Надо смотреть в сторону text-overflow
не знаю...
Я уже в коде вот так написал:
<td width="28%">
<span id="_PROCEDURES" style="text-overflow:ellipsis; overflow:hidden;font: 14px Times New Roman,
serif; overflow: hidden; text-overflow:ellipsis;"></span>
</td>
А результат всё тот же
Здравствуйте, dimik, Вы писали:
D>А результат всё тот же
А размер? Если у элемента нет ширины и етц, то будет растягиваться на сколько сможет.
Здравствуйте, dimik, Вы писали:
D>D> <span id="_PROCEDURES" style="width:10px"></span>
D>
span ширины не имеет.
Объяви его как display:inline-block и будет тебе шастя.
Gecko не поддерживает display:inline-block — что-то у них не сварилось с inline-block
поэтому исп. там display:block.
Opera поддерживает display:inline-block. Но лучше б она этого не делала. Баг на баге.
