Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы и css / 9 сообщений из 9, страница 1 из 1
10.04.2007, 09:20
    #34448924
Скрябин Дмитрий
Скрябин Дмитрий
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Второй день ломаю голову:
Есть ячейка в таблице:
<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
| Ответить | Цитировать | Написать  
10.04.2007, 09:52
    #34449001
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Код: plaintext
1.
2.
.sub{
float: right;
}
+может <br> поставить
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.04.2007, 15:56
    #34450414
Скрябин Дмитрий
Скрябин Дмитрий
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Не помогает. Пока сделал так:
http://ds.isnet.ru/test.html

Работает только в ИЕ. Как бы с файрфоксом это подружить...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.04.2007, 17:34
    #34450760
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
позишн не применяется к тд:\ приходится ещё один див делать
http://sql.ru/forum/actualthread.aspx?tid=408070#3912109
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.04.2007, 22:40
    #34451283
sqllex
sqllex
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Работает в ИЕ и ФФ:
.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
| Ответить | Цитировать | Написать  
10.04.2007, 23:07
    #34451313
sqllex
sqllex
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Пардон, ошибся. С длинными текстами все не так красиво :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.04.2007, 09:30
    #34451708
Kiriller
Kiriller
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Как вариант:
<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
| Ответить | Цитировать | Написать  
14.04.2007, 16:10
    #34461174
sqllex
sqllex
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Просили же:
"Фиксированную высоту у строки тоже устанавливать нельзя - она должна меняться в зависимости от содержимого ячеек строки".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2007, 08:18
    #34462288
Kiriller
Kiriller
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы и css
Это я так для примера размер выставил.

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

<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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы и css / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 360ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458467]:
 0ms
get settings:
 11ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 30ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 247ms
total:  360ms
x
x
Закрыть


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