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

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

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

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

@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
1
2
3
4
5
6
7
8
9
10
11
12
13
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!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 минут
и это не очень хороший вариант, так как первая колонка будет на несколько пикселей шире

Новые блоги и статьи Все статьи Все блоги /
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. На мобильном - сканируйте QR-код. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .

@Takeshi80 17 / 15 / 10 Регистрация: 08.03.2012 Сообщений: 126

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

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

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

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

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

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

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

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

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

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

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

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