[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Отцентрировать textarea с jquery или java в Опере
Страницы: 1, 2
skolozhabskiy
добрый день,

как можно отцентровать текст в элементе <textarea></textarea> по вертикали если он содержит атрибут rows="1" в Опере? в принципе это возможно и это получается в Chrome, FireFox и IE. Поиски среди решений на чистом css к успеху не приводят. может есть идеи как это можно сделать на jquery или javascript?

в качестве доказательства что такое возможно привожу картинку с сайта где данный пример реализован для Оперы. Проверял именно так выглядит текст элемента <textarea></textarea> в Опере.

буду благодарен за любую помощь.
Zzepish
Юзай contenteditable + div
killer8080
Opera 12.14
все прекрасно центрируется
skolozhabskiy
killer8080
как раз то в опере Opera 12.14 это не центрируется - проверял.
жаль не могу найти как файл подключить показал бы скриншот

Zzepish
а куда див то лепить? можете показать реальный пример?

может все же есть решения?

спасибо
killer8080
Цитата (skolozhabskiy @ 26.03.2013 - 15:33)
как раз то в опере Opera 12.14 это не центрируется - проверял.

не знаю проверял под линуксом, но думаю и в винде должно быть так же
Цитата (skolozhabskiy @ 26.03.2013 - 15:33)
жаль не могу найти как файл подключить показал бы скриншот

можно загрузить на какой нибудь халявный хостинг картинок, и вставить тегом,
тот же radikal.ru или ipicture.ru, их сейчас пруд пруди smile.gif



Спустя 40 секунд killer8080 написал(а):
Доктайп кстати какой?
skolozhabskiy
killer8080

1. работаю под win 7 и именно в нем нет центрирования по вертикали в Опере.

2. картинка да это я понимаю, но хотелось бы все же с текстом, ведь как я привел в первом посте такое решения в готовом виде мне удалось найти?

может еще есть какие-то идеи.

спасибо
skolozhabskiy
killer8080

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
killer8080
skolozhabskiy
хочешь сказать что
<textarea style="text-align: center">text</textarea>

не центрируется?
skolozhabskiy
killer8080

вы меня не поняли, центрирование по вертикали, если например такие параметры в css

textarea {
line-height: 26px;
height: 26px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
width: 270px;
}

вот так строка в опере вверху находится, во всех остальных браузерах она по середине (вертикальное выравнивание!) окна.

спасибо
killer8080
Цитата (skolozhabskiy @ 26.03.2013 - 15:33)
Zzepish
а куда див то лепить? можете показать реальный пример?

он наверно имел ввиду типа такого
<div  
onclick="this.contentEditable = true; this.focus()"
onkeyup="document.getElementById('tt').value = this.innerHTML"
style="width: 400px; height: 100px; border: solid red; float: left"
>text</div>
<textarea
id="tt" style="width: 400px; height: 100px; float: left"></textarea>
skolozhabskiy
killer8080

нет это не то. речь о вертикальном выравнивании при изменении высоты textarea и центрировании при этом по вертикали текста в редакторе с rows=1.

спасибо
skolozhabskiy
killer8080

кстати сейчас проверил в IE 9 тоже самое что и в опере - нет выравнивания по вертикали, а в хроме и firefox есть и все выглядит отлично.

спасибо
killer8080
skolozhabskiy
ну вообще то никакого выравнивания у тебя там и нет, просто разные браузеры по разному отрабатывают line-height
skolozhabskiy
killer8080

это понятно, но я послал вам реальную ссылку на реальный пример как это реализовано. вот меня и заинтересовало - раз есть решение, то какое оно? перепробовал сотни вариантов пока ничего путного нет. не удается опустить строку в поле ввода textarea.

вот об этой проблеме я и спрашивал - может есть какие еще решения исключительно для оперы и IE?

спасибо
skolozhabskiy
может все-таки есть решение этой задачи

буду благодарен за любую подсказку.

спасибо
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.