С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/56: Рейтинг темы: голосов - 56, средняя оценка - 4.73
2 / 1 / 0
Регистрация: 08.11.2012
Сообщений: 69

Выравнивание по правому краю

09.08.2013, 23:26. Показов 11498. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вообщем есть форма поиска на сайте, мне нужно, чтобы она была справа, но ничего не получается. Делаю вот так:

Сам код:
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="right"><div class="content">
        
        <div id="search_place">
                        <form onsubmit="javascript: showBusyLayer()" method="post" action=''>
                        <input type="hidden" name="do" value="search" />
                        <input type="hidden" name="subaction" value="search" />
                        <input name="story" type="text" class="sr_input" value="введите слово для поиска" onfocus="this.value = '';" />            
                        <input type="submit" class="sr_submit" value="найти"/>
                        
                        </form>
                        </div>
        
        </div></div>
Код css:
CSS
1
#right { text-align: right; }
В чем проблема, что не так делаю?
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.08.2013, 23:26
Ответы с готовыми решениями:

Выравнивание по правому краю
Как выравнять ссылки по правому краю таблицы. Выравниваются без проблем с помощью float, но ссылки отражаются зеркально. Как сделать так...

Выравнивание блоков по правому краю страницы
Всем приветы. Помогите выровнять блоки, пожалуйста. Вот на этой странице тык например, блок &quot;Сообщество майнкрафта&quot;...

Выравнивание выпадающего списка по правому краю
Покажу две картинки(первая - как есть, вторая - как хотелось бы). что можно сделать с этим? Вот тот участок: &lt;ul...

2
2 / 2 / 1
Регистрация: 04.06.2013
Сообщений: 20
09.08.2013, 23:59
Лучший ответ Сообщение было отмечено roma-sk3 как решение

Решение

Пробуй:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="content">
        
        <div id="search_place" style="float:right;">
                        <form onsubmit="javascript: showBusyLayer()" method="post" action=''>
                        <input type="hidden" name="do" value="search" />
                        <input type="hidden" name="subaction" value="search" />
                        <input name="story" type="text" class="sr_input" value="введите слово для поиска" onfocus="this.value = '';" />         
                        <input type="submit" class="sr_submit" value="найти"/>
                        
                        </form>
                        </div>
        
        </div>
Также float можно прописать в css.
2
1 / 1 / 0
Регистрация: 16.07.2013
Сообщений: 5
10.08.2013, 02:24
Цитата Сообщение от roma-sk3 Посмотреть сообщение
В чем проблема, что не так делаю?
Тут надо видеть результат. По умолчанию инпуты - inline-block; возможно гдето в стилях прописано для них другое повидение. А так:
CSS
1
2
3
4
5
{
  float: right;
  clear: fight;
  margin-bottom: XXem;
}
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.08.2013, 02:24
Помогаю со студенческими работами здесь

Выравнивание навигационной панели Bootstrap4 по правому краю
Добрый вечер, как сделать так, чтобы меню было по правому краю через Bootstrap?

Выравнивание горизонтального меню по левому и правому краю
Здравствуйте имеется следующее меню: На рисунке слева в данный момент, нужно сделать как на рисунке справа, те выровнять элементы меню...

Выравнивание содержимого дива по правому краю или по центру
Допустим див выровнен по левому краю, как сделать, чтобы выравнивание содержимого дива была например по правому краю или по центру? И как...

Выравнивание img в разных div по правому нижнему краю
Есть изображение (lineRightToLeft.png), которе используется в разных участках сайта. И не зависимо от своего положения оно должно быть...

Выровнять по правому краю
&lt;div class=&quot;sub_d&quot; style=&quot;display: flex; align-items: center;&quot;&gt; 25.07.2019 &lt;i class=&quot;fas fa-angle-down&quot; style=&quot;font-size:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru