VPF::В ячейке текст по центру. Нада поместить кнопку в

HappyMan

Дата 24.4.2005, 22:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 347
Регистрация: 29.7.2004

Репутация: нет
Всего: 2

Код


<html>
<body>

<table border="1" width="300" width="300">
<tr>
       <td align="center" width="200">111 <input type="submit" value="x"></td>
       <td>222</td>
</tr>
</table>

</body>
</html>

есть ячейка. В ней текст выравнивается по центру. Как сделать чтобы кнопка "х", расположенная в этой ячейке выравнивалась бы по праву(right)???

align="right" - не помогает.

--------------------

Цитата

Желательно на 100%.

PARROT

Дата 24.4.2005, 22:46 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50

Заключи input в отдельный <td>

--------------------

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

HappyMan

Дата 24.4.2005, 22:53 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 347
Регистрация: 29.7.2004

Репутация: нет
Всего: 2

PARROT
а без этого? ну с помощью Дива например??

--------------------

Цитата

Желательно на 100%.

PARROT

Дата 24.4.2005, 22:58 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50

Код


<html>
<body>

<table border="1" width="300" width="300">
<tr>
       <td align="center" width="200">111 
       <div style="position: absolute; top: 17; left: 180; z-index: 0;">
       <input type="submit"  style="padding-right:20" value="x" align=right></div></td>
       <td>222</td>
</tr>
</table>

</body>
</html>

--------------------

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

dm9

Дата 25.4.2005, 03:09 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Делается это так.

Код


<html>    
<body>    
<table border="1" width="300" width="300">    
<tr>    
       <td align="center" width="200"><div style="float: right"><input type="submit" value="x"></div>111</td>    
       <td>222</td>    
</tr>    
</table>    
</body>    
</html>

Весь контент должен идти ПОСЛЕ кнопки, а не перед ней!

Добавлено @ 03:11
Читать тут:
http://www.webber.ru/articles/article.html?article_id=51

dm9

Дата 25.4.2005, 03:28 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(PARROT @ 24.4.2005, 23:58)

<div style="position: absolute; ...

Это не работает, так как при изменении кординаты верхнего левого угла таблицы всё "поплывёт".

Добавлено @ 03:32
Можно было бы так, наверное, сделать... теоретически.

Код


<html>     
<body>     
<table border="1" width="300" width="300">     
<tr>     
       <td align="center" width="200"><input type="submit" value="x" style="float: right">111</td>     
       <td>222</td>     
</tr>     
</table>     
</body>     
</html>

Но Internet Explorer так не делает выравнивание текста по центру.

HappyMan

Дата 25.4.2005, 21:58 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 347
Регистрация: 29.7.2004

Репутация: нет
Всего: 2

dm9

Код


<td align="center" width="200"><input type="submit" value="x" style="float: right;"><center>111</center></td>

остается только сделать чтобы он еще по верху выравнивал бы(топ).... как?

PARROT
все хорошо только хотелось бы чтобы все автоматом было бы: увеличиваешь размер ячейки - и он свою позицию меняет! т.к размеры ячейки заранее не определены!

Нужно сделать выравнивание в верхний правый угол!

--------------------

Цитата

Желательно на 100%.

PARROT

Дата 26.4.2005, 09:00 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50

Я конечно незнаю...... Я бы сделала все это в разных тд и не мучалась.

Может так?

Код


<table border="1" width="500">     
<tr valign=top>     
       <td align="center" width="400" height=200><input type="submit" value="x" style="float: right">111</td>     
       <td>222</td>     
</tr>     
</table>

Мой вариант выравнить в правый верхний угол не получается.
Хотя нужно подумать. smile

--------------------

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

dm9

Дата 26.4.2005, 10:26 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(PARROT @ 26.4.2005, 10:00)

Может так?

Нет, не так. Я писал же, что под ИЕ глючит.

А мой первый вариант работает как надо, выкидывает кнопку в правый верхний угол. Только надо было вот это прочитать:

Цитата(dm9 @ 25.4.2005, 04:09)

Весь контент должен идти ПОСЛЕ кнопки, а не перед ней!

PARROT

Дата 26.4.2005, 11:11 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50

Цитата(dm9 @ 26.4.2005, 10:26)

Цитата(PARROT @ 26.4.2005, 10:00)

Может так?

Цитата(dm9 @ 25.4.2005, 04:09)

Весь контент должен идти ПОСЛЕ кнопки, а не перед ней!

Это и есть Ваш вариант.... smile

внимательно посмотрите код.
То что глючит мой вариант, не правда, у меня ни разу не глючило и будьте так добры, соблюдайте тактичность, пожалуйста.

Человек просил поднять все наверх...с кнопкой.

--------------------

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

dm9

Дата 26.4.2005, 12:49 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Ещё раз...
Этот вариант не работает в ИЕ

Цитата(PARROT @ 26.4.2005, 10:00)

Нет центрирования текста по горизонтали. Я писал об этом выше... надо в дивы оборачивать.

Это сообщение отредактировал(а) dm9 - 26.4.2005, 12:50

HappyMan

Дата 26.4.2005, 17:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 347
Регистрация: 29.7.2004

Репутация: нет
Всего: 2

PARROT
на верх, в прав. верхний угол должна поднятся ТОЛЬКО(!) кнопка!

dm9
никак не пойму:

Цитата

Весь контент должен идти ПОСЛЕ кнопки, а не перед ней!

Чтобы текст в ячейке центрировался нада делать так(смотри пару постов выше):

Код


... style="float: right;"><center>111</center></td>

--------------------

Цитата

Желательно на 100%.

dm9

Дата 26.4.2005, 17:50 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(HappyMan @ 26.4.2005, 18:10)

на верх, в прав. верхний угол должна поднятся ТОЛЬКО(!) кнопка!

А текст куда деться должен?

HappyMan

Дата 26.4.2005, 23:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 347
Регистрация: 29.7.2004

Репутация: нет
Всего: 2

dm9
Все просто! Ячейка. В ней текст(по центру). В правом верхнем углу - кнопка! Вот и все!

--------------------

Цитата

Желательно на 100%.

dm9

Дата 27.4.2005, 01:12 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(HappyMan @ 27.4.2005, 00:25)

В ней текст(по центру)

По центру чего? По горизонтали или вертикали?
И объясни популярно, чем не устраивает мой первый исходник.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »