powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы и css
9 сообщений из 9, страница 1 из 1
Таблицы и css
    #34448924
Второй день ломаю голову:
Есть ячейка в таблице:
<td>text</td>

добавляем туда:

<td>text<div class=sub>Hello!</sub></td>

Надо сделать так, чтобы "Hello!" выводился в нижнем правом углу ячейки, а "text" - как обычно, сверху слева. У кого есть варианты? Наложения текста быть не должно, специальную ячейку выделять нельзя - все должно быть в одной ячейке. Фиксированную высоту у строки тоже устанавливать нельзя - она должна меняться в зависимости от содержимого ячеек строки.

Доктайп такой использую:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
...
Рейтинг: 0 / 0
Таблицы и css
    #34449001
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
.sub{
float: right;
}
+может <br> поставить
...
Рейтинг: 0 / 0
Таблицы и css
    #34450414
Не помогает. Пока сделал так:
http://ds.isnet.ru/test.html

Работает только в ИЕ. Как бы с файрфоксом это подружить...
...
Рейтинг: 0 / 0
Таблицы и css
    #34450760
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
позишн не применяется к тд:\ приходится ещё один див делать
http://sql.ru/forum/actualthread.aspx?tid=408070#3912109
...
Рейтинг: 0 / 0
Таблицы и css
    #34451283
sqllex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Работает в ИЕ и ФФ:
.sub{float: right; display: block; clear: left;}

Если хочешь, чтобы работало еще и Опера, то добавь параграф:
<td><p>пример текста</p><div class=sub>Hello!</div></td>

ЗЫ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
Рейтинг: 0 / 0
Таблицы и css
    #34451313
sqllex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пардон, ошибся. С длинными текстами все не так красиво :)
...
Рейтинг: 0 / 0
Таблицы и css
    #34451708
Kiriller
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Как вариант:
<table border="1">
<tr>
<td align="left" valign="top" width="200" height="200">
<div style="position:relative; font:8pt verdana">
top left
<div style="position:absolute; bottom:0px; right:0px; font:8pt verdana">bottom right</div>
</div>
</td>
</tr>
</table>
...
Рейтинг: 0 / 0
Таблицы и css
    #34461174
sqllex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Просили же:
"Фиксированную высоту у строки тоже устанавливать нельзя - она должна меняться в зависимости от содержимого ячеек строки".
...
Рейтинг: 0 / 0
Таблицы и css
    #34462288
Kiriller
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Это я так для примера размер выставил.

пожалуйста без высоты

<table border="1">
<tr>
<td align="left" valign="top" width="200">
<div style="position:relative; font:8pt verdana">
top left
<br><br>
<center>Hello</center>
<br><br>
<div style="position:absolute; bottom:0px; right:0px; font:8pt verdana">bottom right</div>
</div>
</td>
</tr>
</table>
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы и css
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]