Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> В ячейке текст по центру. Нада поместить кнопку в, этой ячейке но с выравниванием в право! 
:(
    Опции темы
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%.
© Mal Hack
PM MAIL   Вверх
PARROT
Дата 24.4.2005, 22:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: 2
Всего: 50
Заключи input в отдельный <td>


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
HappyMan
Дата 24.4.2005, 22:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 2
PARROT
а без этого? ну с помощью Дива например??


--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
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>



--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
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
PM MAIL ICQ   Вверх
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 так не делает выравнивание текста по центру.
PM MAIL ICQ   Вверх
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%.
© Mal Hack
PM MAIL   Вверх
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


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
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)
Весь контент должен идти ПОСЛЕ кнопки, а не перед ней!
PM MAIL ICQ   Вверх
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 внимательно посмотрите код.
То что глючит мой вариант, не правда, у меня ни разу не глючило и будьте так добры, соблюдайте тактичность, пожалуйста.

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


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
dm9
Дата 26.4.2005, 12:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Ещё раз...
Этот вариант не работает в ИЕ

Цитата(PARROT @ 26.4.2005, 10:00)
<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> 


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

Это сообщение отредактировал(а) dm9 - 26.4.2005, 12:50
PM MAIL ICQ   Вверх
HappyMan
Дата 26.4.2005, 17:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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


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


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

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



--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
dm9
Дата 26.4.2005, 17:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Цитата(HappyMan @ 26.4.2005, 18:10)
на верх, в прав. верхний угол должна поднятся ТОЛЬКО(!) кнопка!


А текст куда деться должен?
PM MAIL ICQ   Вверх
HappyMan
Дата 26.4.2005, 23:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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


--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
dm9
Дата 27.4.2005, 01:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Цитата(HappyMan @ 27.4.2005, 00:25)
В ней текст(по центру)


По центру чего? По горизонтали или вертикали?
И объясни популярно, чем не устраивает мой первый исходник.
PM MAIL ICQ   Вверх
PARROT
Дата 27.4.2005, 08:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

Репутация: 2
Всего: 50
Я говорю нужно 3 ячейки сделать! Тогда встанет все на свои места и кнопка будет там, где она хочет. smile

• float не может расположить элемент вверху! Возможные значения:
[1] left - слева
[2] right - справа
[3] none - по умолчанию
*Применимо для : всех элементов
Описание: расположение элемента
ПРИМЕР:float:right

Это сообщение отредактировал(а) PARROT - 27.4.2005, 09:08


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
HappyMan
Дата 27.4.2005, 15:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 2
dm9
привожу немного переделанный твой первый код:
Код

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


dm9
1) - так как сделано у тебя!
2) - так как мне нужно чтобы было!

Это сообщение отредактировал(а) HappyMan - 27.4.2005, 15:42

Присоединённый файл ( Кол-во скачиваний: 2 )
Присоединённый файл  dif.JPG


--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
HappyMan
Дата 27.4.2005, 15:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 2
PARROT
плохо дело...


--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
dm9
Дата 27.4.2005, 20:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Цитата(HappyMan @ 27.4.2005, 16:32)
dm9
1) - так как сделано у тебя!
2) - так как мне нужно чтобы было!


1) У меня не совсем так... я не прописывал valign="middle", он используется по умолчанию. Тебя не устраивает вариант, когда контент по вертикали прижимается к верху?
Если устраивает - приписывай valign="top", тогда будет как на прикреплённом рисунке.

Если же ты хочешь, чтобы только кнопка прижималась к верху, а контент был по центру (по вертикали, в смысле), я не знаю, как так сделать. Разве что, использовать мой вариант (с valign="top"), но вставить вверх пару br-ов...

Это сообщение отредактировал(а) dm9 - 27.4.2005, 20:36

Присоединённый файл ( Кол-во скачиваний: 0 )
Присоединённый файл  ttt.GIF
PM MAIL ICQ   Вверх
Aliance
Дата 27.4.2005, 20:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137
HappyMan
Непонимаю, чем тебя valign="top" не устраивает?


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
HappyMan
Дата 27.4.2005, 22:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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

меня не устраивает вариант,
Цитата
когда контент по вертикали прижимается к верху



--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
dm9
Дата 27.4.2005, 23:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
А тебе обтекание кнопки текстом обязательно нужно? smile
Или можно чтоб под кнопкой текста не было?
PM MAIL ICQ   Вверх
HappyMan
Дата 27.4.2005, 23:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 2
dm9
приведи пример... (сорс)


--------------------
Цитата
Желательно на 100%.
© Mal Hack
PM MAIL   Вверх
dm9
Дата 27.4.2005, 23:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 29
Всего: 137
Как это ни пошло, но... smile

Код

<html>       
<body>       
<table border="1" height="50" width="300">       
<tr>       
    <td align="center" width="200">
        <table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0"><tr>
            <td valign="middle" align="center" width="100%">111</td>
            <td valign="top" width="0%"><input type="submit" value="x"></td>
        </tr></table>        
    </td>
    <td>222</td>       
</tr>       
</table>       
</body>       
</html>


Через float не получилось (как вначале думал), да и вряд ли получится.

В общем, если нужно кнопку вверх, а текст чтобы был по центру ячейки (то есть одинакое расстояние от верха и низа ячейки до текста), да ещё чтобы кнопка обтекалась этим текстом... я сдаюсь smile
PM MAIL ICQ   Вверх
Страницы: (2) [Все] 1 2 
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0781 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.