powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выровнять надпись по центру плитки
8 сообщений из 8, страница 1 из 1
Выровнять надпись по центру плитки
    #39921884
Ghost Writer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день!
Помогите или подскажите как грамотно выровнять надпись по центру кнопки.

подопытный кролик https://jsfiddle.net/qvxgste3/19/

Сейчас надпись по центру кнопки (button) но справа еще область с треугольником, поэтому визуально надпись не по центру (верхний рисунок). Хочу как на нижнем рисунке.
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922121
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ghost Writer,
автор<form method="get" action=" https://jsfiddle.net/qvxgste3/19/">
<a href=" https://jsfiddle.net/qvxgste3/19/" onclick="alert('jgf')">
<button class="btn-action light-green" style="margin-left: 20px;"
><span style="font-size: 1.4em">КНОПКА</span><br><span style="font-size: 0.9em">Краткое описание</span>




размер ширины области с треугольником туда поставь и в стили запили
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922125
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
половины ширины, конешн)
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922126
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Так как у кнопки там position:absolute и все ширины указаны явно, можно просто подогнать положение у .tile .btn-action. Поставить left:10px вместо left:0

Но я бы просто поставил вертикальную черту между кнопками.
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922128
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alexander A. Sak, центровка эстетически выглядит лучше, да и лефт для этого нужно ставить в 20 пикселей
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922136
Ghost Writer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alexander A. Sak
Но я бы просто поставил вертикальную черту между кнопками.
сейчас так и есть (картинка 1), просто тут в CSS border закомментировал.


Korcar
центровка эстетически выглядит лучше
верно.

margin-left: 20px в .tile .btn-action немного поломало - (картинка 2 при наведении курсора на боковую кнопку)
а вот padding-left: 40px (который я написал по ошибке, перепутав с margin ), вроде тот, что надо (картинка 3)

вот последний вариант https://jsfiddle.net/087v3ycx/
сойдет ?
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922140
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ghost Writer, тебе решать, сойдет или нет)
...
Рейтинг: 0 / 0
Выровнять надпись по центру плитки
    #39922144
Ghost Writer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Korcar,

визуально это то, что я хотел.
правильно ли это с точки зрения веб разработчика ))
ну ладно, глупый вопрос, наверно ). спасибо за помощь.
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выровнять надпись по центру плитки
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]