skolozhabskiy
26.03.2013 - 16:45
добрый день,
как можно отцентровать текст в элементе <textarea></textarea> по вертикали если он содержит атрибут rows="1" в Опере? в принципе это возможно и это получается в Chrome, FireFox и IE. Поиски среди решений на чистом css к успеху не приводят. может есть идеи как это можно сделать на jquery или javascript?
в качестве доказательства что такое возможно привожу картинку с сайта где данный пример реализован для Оперы. Проверял именно так выглядит текст элемента <textarea></textarea> в Опере.
буду благодарен за любую помощь.
Zzepish
26.03.2013 - 17:04
Юзай contenteditable + div
killer8080
26.03.2013 - 17:21
Opera 12.14
все прекрасно центрируется
skolozhabskiy
26.03.2013 - 17:33
killer8080
как раз то в опере Opera 12.14 это не центрируется - проверял.
жаль не могу найти как файл подключить показал бы скриншот
Zzepish
а куда див то лепить? можете показать реальный пример?
может все же есть решения?
спасибо
killer8080
26.03.2013 - 17:46
Цитата (skolozhabskiy @ 26.03.2013 - 15:33) |
как раз то в опере Opera 12.14 это не центрируется - проверял. |
не знаю проверял под линуксом, но думаю и в винде должно быть так же
Цитата (skolozhabskiy @ 26.03.2013 - 15:33) |
жаль не могу найти как файл подключить показал бы скриншот |
можно загрузить на какой нибудь халявный хостинг картинок, и вставить тегом,
тот же radikal.ru или ipicture.ru, их сейчас пруд пруди
Спустя
40 секунд killer8080 написал(а):
Доктайп кстати какой?
skolozhabskiy
26.03.2013 - 17:48
killer8080
1. работаю под win 7 и именно в нем нет центрирования по вертикали в Опере.
2. картинка да это я понимаю, но хотелось бы все же с текстом, ведь как я привел в первом посте такое решения в готовом виде мне удалось найти?
может еще есть какие-то идеи.
спасибо
skolozhabskiy
26.03.2013 - 17:50
killer8080
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
killer8080
26.03.2013 - 18:16
skolozhabskiyхочешь сказать что
<textarea style="text-align: center">text</textarea>
не центрируется?
skolozhabskiy
26.03.2013 - 18:20
killer8080
вы меня не поняли, центрирование по вертикали, если например такие параметры в css
textarea {
line-height: 26px;
height: 26px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
width: 270px;
}
вот так строка в опере вверху находится, во всех остальных браузерах она по середине (вертикальное выравнивание!) окна.
спасибо
killer8080
26.03.2013 - 18:20
Цитата (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
26.03.2013 - 18:26
killer8080
нет это не то. речь о вертикальном выравнивании при изменении высоты textarea и центрировании при этом по вертикали текста в редакторе с rows=1.
спасибо
skolozhabskiy
26.03.2013 - 18:28
killer8080
кстати сейчас проверил в IE 9 тоже самое что и в опере - нет выравнивания по вертикали, а в хроме и firefox есть и все выглядит отлично.
спасибо
killer8080
26.03.2013 - 18:35
skolozhabskiy
ну вообще то никакого выравнивания у тебя там и нет, просто разные браузеры по разному отрабатывают line-height
skolozhabskiy
26.03.2013 - 18:38
killer8080
это понятно, но я послал вам реальную ссылку на реальный пример как это реализовано. вот меня и заинтересовало - раз есть решение, то какое оно? перепробовал сотни вариантов пока ничего путного нет. не удается опустить строку в поле ввода textarea.
вот об этой проблеме я и спрашивал - может есть какие еще решения исключительно для оперы и IE?
спасибо
skolozhabskiy
26.03.2013 - 23:00
может все-таки есть решение этой задачи
буду благодарен за любую подсказку.
спасибо
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.