Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание встроенных таблиц / 10 сообщений из 10, страница 1 из 1
23.07.2009, 02:52
    #36104441
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
Необходимо расположить две таблицы (1 и 2) рядом.
Делаю их встроенными в третью таблицу.
Всё ОК когда таблицы (1 и 2) одинаковой высоты. Но когда таблица 2 меньше 1-й, то она центруется по вертикали.
Как сделать чтобы обе таблицы (1 и 2), т.е. заголовки, были на одном уровне?
Или как это сделать иначе, без встроенных таблиц?
...
Рейтинг: 0 / 0
23.07.2009, 13:27
    #36105401
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
vertical-align: top;
...
Рейтинг: 0 / 0
24.07.2009, 21:56
    #36108902
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
зыvertical-align: top;
А куда это вставить?
Как только непробывал, но всё равно 2-я таблица ниже по горизонтали 1-й.
...
Рейтинг: 0 / 0
25.07.2009, 00:44
    #36108981
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
Давай начнем с кода ...
...
Рейтинг: 0 / 0
25.07.2009, 18:34
    #36109217
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
IDVsbruckДавай начнем с кода ...
В кратце это выглядит так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<html>
<head></head>
<body>
    <table cellspacing='10' cellpadding='0' border='0'>
        <tr style='vertical-align: top;'><td>
           <table cellspacing='0' cellpadding='3' border='1'>
               <tr align='center' bgcolor='#ccccff'><td>tab- 1 </td></tr>
               <tr><td> 1 </td></tr>
               <tr><td> 2 </td></tr>
               <tr><td> 3 </td></tr>
               <tr><td> 4 </td></tr>
           </table></td>
           <td>
           <table cellspacing='0' cellpadding='3' border='1'>
               <tr align='center' bgcolor='#ccccff'><td>tab- 2 </td></tr>
               <tr><td> 1 </td></tr>
               <tr><td> 2 </td></tr>
           </table></td></tr>
     </table>
</body>
Этот вариант в IE работает, а в Opera нет.
Как сделать правильно?
...
Рейтинг: 0 / 0
26.07.2009, 01:02
    #36109368
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
Очень смахивает на то, что стили в TD перебивают установленные в TR. Попробуй назначить для TD выравнивание, потому что приведенный код никак не характеризует ошибку.
Кстати, стиль vertical-align:top идентичен атрибуту valign=top.
...
Рейтинг: 0 / 0
26.07.2009, 12:36
    #36109496
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
IDVsbruckОчень смахивает на то, что стили в TD перебивают установленные в TR. Попробуй назначить для TD выравнивание, потому что приведенный код никак не характеризует ошибку.
Кстати, стиль vertical-align:top идентичен атрибуту valign=top.
На самом деле что TR, что TD - это всё не то. Выровнять по уровню надо сами таблицы.
...
Рейтинг: 0 / 0
26.07.2009, 12:37
    #36109498
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
А пока получается только так:
...
Рейтинг: 0 / 0
27.07.2009, 04:20
    #36109917
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
AISЭтот вариант в IE работает, а в Opera нет.
Опера! Да кто ее придумал вообще... Задайте <tr valign="top"> или <td style='vertical-align: top;'>
...
Рейтинг: 0 / 0
28.07.2009, 01:54
    #36112327
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание встроенных таблиц
illionAISЭтот вариант в IE работает, а в Opera нет.
Опера! Да кто ее придумал вообще... Задайте <tr valign="top"> или <td style='vertical-align: top;'>
В IE мало кто заглядывает, поэтому и хочется чтобы на других броузерах "картинка" была такая же.
А может как-то с "div" можно смастерить такие две таблицы?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание встроенных таблиц / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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