Выравнивание текста

@Takeshi80 · Регистрация: 08.03.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте форумчане)
Мне нужна помощь с выравниванием текста. Значит у менять есть контейнер, в который я хочу записать в одну строку: Администраторы(по левому краю) Модераторы(по центре) и Активисты(по правому краю).
Но когда я присваиваю админамл левый край, а после них модераторам центр, но слово "модераторы" оказывается ниже слова "администраторы". Как это исправить? То есть чтобы в одной строке, разный текст отображался так, как я захочу)

@Heleg · 08.05.2012, 13:22

а как ты им это присваиваешь? вышли код, пожалуйста

@Takeshi80 · 08.05.2012, 13:31 **[ТС]**

стоп х) оказывается по левому краю я не могу выровнять(
только по центру, по левому не нашел команды
собственно вот

HTML5

1 2	<font size="3" color="red"><b>Администрация</b></font> <center><font size="3" color="red"><b>Модераторы</b></font></center>

Добавлено через 27 секунд
тогда + еще вопрос, как выровнять по левому краю и чтобы оно все было в одной строке)
как-то через цсс вроде можно, если не ошибасюь)

@Heleg · 08.05.2012, 13:35

<center> и <font> – дико устаревшие теги, не используй их. как тебе выровнять, зависит от ситуации. это не таблица случаем?

@Takeshi80 · 08.05.2012, 13:38 **[ТС]**

контейнер, можно сказать что таблица)
тут же вроде ссылки кидать можно в сообщения?
если нет, то вот смотри быстро и я удалю)
http://test-rolka.forum2x2.ru/
вот та штука что сверху, с белым фоном

@Heleg · 08.05.2012, 14:18

ну там ведь под заголовком будет список модеров или что?

@prince2011 · 08.05.2012, 14:34

Один из способов это сделать с помощью таблицы, вот пример:

HTML5

<table width="100%" border="0">
<tr>
<td align="left">
Администраторы
</td>
<td align="center">
Модераторы
</td>
<td align="right">
Активисты
</td>
</tr>
</table>

Так же возможно сделать с помощью css.

@Heleg · 08.05.2012, 14:37

Сообщение от prince2011

Один из способов это сделать с помощью таблицы,

может ему не нужна таблица. я к тому, что человек посмотрит, скажет "о! работает" и сделает таблицу там, где лучше её избегать. а потом задаст ещё пару вопросов на этом форуме, как ему решить проблемы, которых могло и не быть

@Takeshi80 · 08.05.2012, 14:44 **[ТС]**

Сообщение от Heleg

ну там ведь под заголовком будет список модеров или что?

именно) под админам будут админы, под модерами модеры, и под активистами активисты)

а таблицы мне надо, у меня таблица внизу есть на том же сайте, раньше она стояла, но сейчас делаю новый диз и таблицу не хочу) решит заменить ее вот таким контейнером)
ну так что можно сделать, кроме таблицы?

@prince2011 · 08.05.2012, 14:48

Тогда всё это дело исправляем в css, вот пример:

CSS

.adm{
position: absolute;
top: 20px;
align: left;
left: 10px;
}
.mod{
position: absolute;
top: 5px;
align: left;
left: 50%;
}
.akt{
position: absolute;
top: 5px;
align: right;
right: 10px;
}

HTML5

1
2
3

<p class="adm">Администраторы</p>
<p class="mod">Модераторы</p>
<p class="akt">Активисты</p>

Добавлено через 3 минуты
Тогда в css всё сделай и не мучайся!!!

@Heleg · 08.05.2012, 14:59

prince2011, плохой css

@prince2011 · 08.05.2012, 15:04

Ну я уже более года не пользовался html и css, поэтому позабыл не много их!
И написал самое простое что ещё есть в голове!!!
И это вообще простой пример был, как сделать можно с помощью css.
Ведь результат получился как нам нужен был!

@Takeshi80 · 08.05.2012, 15:09 **[ТС]**

что-то оно у меня как-то разлетелись эти надписи по всему сайту оО
вроде это из-за position, если не ошибаюсь, когда-то с цсс игрался

@Heleg · 08.05.2012, 15:11

HTML5

<!DOCTYPE html>
<html>
<head><title>index</title></head>
 <style type="text/css" media="screen">
#container {
    width: 800px;
    background: grey;
}
 
div {
    width: 33%;
    background: blue;
    float: left;
}
 
#container div:first-child {
    width: 34%;
}
 </style>
<body>
    <div id="container">
        <div>
            <h1>Модеры</h1>
        </div>
        <div>
            <h1>Админы</h1>
        </div>
        <div>
            <h1>Активисты</h1> 
        </div>
    </div>
</body>
</html>

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

@Takeshi80 · 08.05.2012, 15:17 **[ТС]**

поменял на relative
активисты не помещается

Добавлено через 5 минут
что-то оно вообще не пашет)

@Heleg · 08.05.2012, 15:19

что не пашет?

@Takeshi80 · 08.05.2012, 15:29 **[ТС]**

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

@Heleg · 08.05.2012, 17:28

ну ты дивам то задай float: left. и ширину остальным поставь, а то сделал только первому. и pw1 задай overflow: hidden; или тоже сделай его плавающим, а то он у тя скукожится

Добавлено через 9 минут
и это не очень хороший вариант, так как первая колонка будет на несколько пикселей шире

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 15:19	16
	что не пашет? 0

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126
		1
	Выравнивание текста 08.05.2012, 13:07. Показов 1633. Ответов 17 Метки нет (Все метки) Здравствуйте форумчане) Мне нужна помощь с выравниванием текста. Значит у менять есть контейнер, в который я хочу записать в одну строку: Администраторы(по левому краю) Модераторы(по центре) и Активисты(по правому краю). Но когда я присваиваю админамл левый край, а после них модераторам центр, но слово "модераторы" оказывается ниже слова "администраторы". Как это исправить? То есть чтобы в одной строке, разный текст отображался так, как я захочу) 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 13:22	2
	а как ты им это присваиваешь? вышли код, пожалуйста 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 13:35	4
	<center> и <font> – дико устаревшие теги, не используй их. как тебе выровнять, зависит от ситуации. это не таблица случаем? 0

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126
	08.05.2012, 13:38 [ТС]	5
	контейнер, можно сказать что таблица) тут же вроде ссылки кидать можно в сообщения? если нет, то вот смотри быстро и я удалю) http://test-rolka.forum2x2.ru/ вот та штука что сверху, с белым фоном 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 14:18	6
	ну там ведь под заголовком будет список модеров или что? 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 14:37	8
	Сообщение от prince2011 Один из способов это сделать с помощью таблицы, может ему не нужна таблица. я к тому, что человек посмотрит, скажет "о! работает" и сделает таблицу там, где лучше её избегать. а потом задаст ещё пару вопросов на этом форуме, как ему решить проблемы, которых могло и не быть 0

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126
	08.05.2012, 14:44 [ТС]	9
	Сообщение от Heleg ну там ведь под заголовком будет список модеров или что? именно) под админам будут админы, под модерами модеры, и под активистами активисты) а таблицы мне надо, у меня таблица внизу есть на том же сайте, раньше она стояла, но сейчас делаю новый диз и таблицу не хочу) решит заменить ее вот таким контейнером) ну так что можно сделать, кроме таблицы? 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 14:59	11
	prince2011, плохой css 0

@prince2011 97 / 36 / 6 Регистрация: 05.07.2011 Сообщений: 382
	08.05.2012, 15:04	12
	Ну я уже более года не пользовался html и css, поэтому позабыл не много их! И написал самое простое что ещё есть в голове!!! И это вообще простой пример был, как сделать можно с помощью css. Ведь результат получился как нам нужен был! 0

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126
	08.05.2012, 15:09 [ТС]	13
	что-то оно у меня как-то разлетелись эти надписи по всему сайту оО вроде это из-за position, если не ошибаюсь, когда-то с цсс игрался 0

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126
	08.05.2012, 15:17 [ТС]	15
	поменял на relative активисты не помещается Добавлено через 5 минут что-то оно вообще не пашет) 0

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126
	08.05.2012, 15:29 [ТС]	17
	код не пашет) подгружает что-то непонятное, большое и синее) наверно на сайте уже есть такое название можешь мне написать этот же код, только с уник. названиями и хтмл с цсс отдельно? 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	08.05.2012, 17:28	18
	ну ты дивам то задай float: left. и ширину остальным поставь, а то сделал только первому. и pw1 задай overflow: hidden; или тоже сделай его плавающим, а то он у тя скукожится Добавлено через 9 минут и это не очень хороший вариант, так как первая колонка будет на несколько пикселей шире 0