Можно ли создать вертикальную кнопку?
26 сообщений
#9 лет назад
Есть ли возможность создать вертикальную кнопку Найти в форме, если она очень длинная по вертикали и нужно чтобы была доступна для нажатия в любой момент?
26 сообщений
#9 лет назад
FLAKE_MDM, вот так примерно, только кнопка еще не должна быть фиксированной высоты а изменяться, в зависимости от параметровКнопка найти это серая плашка справа
Приложения:
112 сообщений
#9 лет назад
От каких параметров должна изменяться кнопка? От наполнения блока с права?
330 сообщений
#9 лет назад
Да, можно. Сразу приходит в голову transform+absolute если с надписью надо, а без надписи только absolute обойтись можно.
953 сообщения
#9 лет назад
Проще простого, абсолютное поз. кнопки приклеить к верху и низу блока. только делать кнопку не инпутом(value="н<br>а<br>й<br>т<br>и" не сделает надпись вертикальную) а <button type="submit">н<br>а<br>й<br>т<br>и</button>. ну может еще внутри обернуть блоком, чтоб выровнять по вертикали но это уже техника
11416 сообщений
#9 лет назад
Цитата (lufter):< button type=" submit"> н< br> а< br> й< br> т< br> и</button>. ну может еще внутри обернуть блоком, чтоб выровнять по вертикали, но это уже техника
Вы серьезно? А может еще и стили будем прямо в HTML коде писать?
Если вы такое делаете, мне очень жаль, но зачем учить других говнокодить?
953 сообщения
#9 лет назад
Hungry_Hunter, ну во первых: чем вам не нравится br? во вторых: за критикой идет пояснение и предложение лучшего варианта, а просто критикнуть и я могу
11416 сообщений
#9 лет назад
Цитата (lufter):чем вам не нравится br?
Всем! Это категорически не правильно такое делать.
Вижу два варианта:
1. Задать в CSS кнопке размеры и бекграунд картинкой с надписью.
2.
<button type="submit">н а й т и</button>
<style>
button {
width: 2em;
line-height: 1em;
}
</style>
953 сообщения
#9 лет назад
Hungry_Hunter, ну не спорю, я тоже о таком варианте подумал если без br. но вы так и не привели аргументы "Всем! Это категорически не правильно" - это не аргумент. w3c это не протеворечит, конечно меньше чуть-чуть кода, но совсем чуть-чуть. после "Всем! Это категорически не правильно" нужно добавить "потому, что .... так так и так" - вот тогда это будет аргумент, а так просто ниочем
22 сообщения
#9 лет назад
Как вариант, на скорую руку:<style type="text/css">
.block {
width: 250px;
float: left;
position: relative;
}
.block .contentlist {
margin-right: 10px;
float: left;
}
.block button {
float: right;
position: absolute;
width: 50px;
height: 100%;
}
</style>
<div class="block">
<div class="contentlist">
<ul>
<li>Что-нибудь 1</li>
<li>Что-нибудь 2</li>
<li>Что-нибудь 3</li>
<li>Что-нибудь 4</li>
<li>Что-нибудь 5</li>
</ul>
</div>
<button>Найти</button>
</div>
Приложения:
330 сообщений
#9 лет назад
lufter, br явно не вариант. Hungry_Hunter, картинкой тоже лучше не делать. Не совсем понятен второй вариант.
- word-break: break-all;
- white-space: pre-wrap;
Ну или если нужно надпись снизу-вверх/сверху-вниз то внутрь кнопки спан + трансформ.
Приложения:
1979 сообщений
124 сообщения
#9 лет назад
А косые кнопки будут?Скорей всего вам надо просто картинку на фон поставить и все.
26 сообщений
#9 лет назад
А если форма длинная и с раскрывающимися списками, можно ли эту кнопку сделать по вертикали не фиксированного размера?