[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Textarea не хочет центрироваться
Страницы: 1, 2
Владимир55
Не понятно, по какой причине textarea не хочет центрироваться! Инспектор кода показывает, что директива text-align исполняется, но окно упорно сдвигается влево. Я и через ДИВы пробовал - не помогает. Вот взгляните
здесь.
sergeiss
Ты о каком textarea спрашиваешь - о том, который скрыт? Если да, то относительно чего ему выравниваться-то??? И покажи, как ты делал через ДИВы.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Владимир55
Цитата (sergeiss @ 15.04.2014 - 15:02)
Ты о каком textarea спрашиваешь - о том, который скрыт?

Дык, вроде бы, он там один. И как это - скрыт? Он обычный, и в браузере виден.
Можете пояснить, что Вы имели в виду?

Центрирование на ДИВах добавил. Тоже не действует (см. здесь же.)
sergeiss
Я смотрю структуру страницы и вижу textarea с id="content", у которого стиль "text-align:center; display:none" :) Про него и говорю. Как тот чукча, который что видит, о том и поет.
Ты сейчас еще один textarea добавил, с таким же name="content" и другим id - а это уже ошибка. Внутри формы все name должны быть уникальные (если только это не массив, конечно).

Ты смотри не те стили, что ты задал - а те, которые получаются на странице.

PS. В качестве подсказки: попробуй вот такой код, хоть на этой странице, хоть на какой другой.
<div style=" width: 100%; text-align: center; height: 150px;">
<div
style=" width: 100px;height: 50px;background-color: green; display: inline-block; "></div><br>
<input
type="text">
</div>


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Владимир55
Вот результат эксперимента.

Что отсюда следует?
BaNru
Владимир55, давай немного вернемся назад.

Ты пытался к textarea применить text-align, но допустил ошибку.
Ошибка в том, что text-align применяет центрирование к дочерним строчным (inline) элементам, а не к самому объекту. Т.е. ты отцентрировал текст внутри textarea.

Отсюда вывод? Надо применить к родителю. В нашем случае к form. (это первый вариант)

Это решение далеко не идеальное, ибо может потребоваться дочерние элементы form (напомню, что textarea это дочерний элемент form) раскидать по разным сторонам. Вариант предложенный выше - обернуть в DIV имеет место быть лет 10 назад. Но в 99.9% используется другой вариант, а именно центрирование через margin: 0 auto; для текущего элемента. Но тут возникает проблема - это срабатывает с блочными элементами, а textarea у нас на данный момент строчный элемент. И чтобы решить задачу надо добавить display: block;

Т.е. для центрирования элемента по "второму методу" - надо добавить ему
margin: 0 auto;
display: block;
Владимир55
Спасибо за разъяснение! Очень интересно!

Все очень понятно и логично!

Но, почему-то, и с этими вариантами не работает!

Я попробовал все три комбинации - безрезультатно!

Видно здесь.
BaNru
Цитата (Владимир55 @ 15.04.2014 - 21:02)
Видно здесь.

Ну, видно что первый отцентрировался. Что не так, какой браузер?
Владимир55
И у меня прижато влево (в хроме)
Lumix
Владимир55
поробуй так в хроме точно работает
<textarea name="content" cols="50" rows="15">

в файле стилей css пропиши
textarea {
width: 90%;
margin: 0 auto;
display: block;
}
Владимир55
Вы имели в виду так?

Все прилипает к левому краю...

Вот в Хроме.
Lumix
Цитата (Владимир55 @ 15.04.2014 - 23:24)
Вы имели в виду так?

Все прилипает к левому краю...

Сейчас сделаю скриншот в Хроме.

Нет не так. надо прописать в подключенном файле.css а не через style.
У тебя style.css вообще нет. создай файл style.css в нем напиши
textarea {
width: 90%;
margin: 0 auto;
display: block;
}

и подключи его в начале документа после
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="/style.css">
и все стили пиши в него.
тут читай !
Владимир55
Вообще-то, мне всегда казалось, что все способы указания стилей равноценны. Но я сделал в точности так, как Вы говорите.

Ничего не изменилось - адрес прежний.
Lumix
Цитата (Владимир55 @ 15.04.2014 - 23:39)
Вообще-то, мне всегда казалось, что все способы указания стилей равноценны. Но я сделал в точности так, как Вы говорите.

Ничего не изменилось - адрес прежний.

а так попробуй подключить
<link type="text/css" rel="stylesheet" href="/style.css">
путь до файла правильный ?
у меня центруется
Владимир55
Путь до файла верный - он в той же папке лежит.

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

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

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