Сергей Ж.
26 сообщений
#10 лет назад
Есть ли возможность создать вертикальную кнопку Найти в форме, если она очень длинная по вертикали и нужно чтобы была доступна для нажатия в любой момент? 
Михайло Копча
330 сообщений
#10 лет назад
Не совсем понятна задача, но думаю сделать можно. 
Сергей Ж.
26 сообщений
#10 лет назад
FLAKE_MDM,  вот так примерно, только кнопка еще не должна быть фиксированной высоты а изменяться, в зависимости от параметров
Кнопка найти это серая плашка справа
Приложения:
  • 58 КБ
Артур Х.
112 сообщений
#10 лет назад
От каких параметров должна изменяться кнопка? От наполнения блока с права?
Михайло Копча
330 сообщений
#10 лет назад
Да, можно. Сразу приходит в голову transform+absolute если с надписью надо, а без надписи только absolute обойтись можно.
Виталий Бохин
953 сообщения
#10 лет назад
проще простого, абсолютное поз. кнопки приклеить к верху и низу блока. только делать кнопку не инпутом(value="н<br>а<br>й<br>т<br>и" не сделает надпись вертикальную) а <button type="submit">н<br>а<br>й<br>т<br>и</button>. ну может еще внутри обернуть блоком, чтоб выровнять по вертикали но это уже техника
Артем Л.
11416 сообщений
#10 лет назад
[quote=lufter]< button type=" submit"> н< br> а< br> й< br> т< br> и</button>. ну может еще внутри обернуть блоком, чтоб выровнять по вертикали, но это уже техника[/quote]
Вы серьезно? А может еще и стили будем прямо в HTML коде писать?
Если вы такое делаете, мне очень жаль, но зачем учить других говнокодить?
Виталий Бохин
953 сообщения
#10 лет назад
Hungry_Hunter, ну во первых: чем вам не нравится br? во вторых: за критикой идет пояснение и предложение лучшего варианта, а просто критикнуть и я могу
Артем Л.
11416 сообщений
#10 лет назад
[quote=lufter]чем вам не нравится br?[/quote]
Всем! Это категорически не правильно такое делать.

Вижу два варианта:
1. Задать в CSS кнопке размеры и бекграунд картинкой с надписью.
2. [code]<button type="submit">н а й т и</button>
<style>
button {
width: 2em;
line-height: 1em;
}
</style>
[/code]
Виталий Бохин
953 сообщения
#10 лет назад
Hungry_Hunter, ну не спорю, я тоже о таком варианте подумал если без br. но вы так и не привели аргументы "Всем! Это категорически не правильно" - это не аргумент. w3c это не протеворечит, конечно меньше чуть-чуть кода, но совсем чуть-чуть. после "Всем! Это категорически не правильно" нужно добавить "потому, что .... так так и так" - вот тогда это будет аргумент, а так просто ниочем
Виталий К.
22 сообщения
#10 лет назад
Как вариант, на скорую руку:
[code]<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>[/code]
Приложения:
  • 12 КБ
Михайло Копча
330 сообщений
#10 лет назад
lufter, br явно не вариант. 
Hungry_Hunter, картинкой тоже лучше не делать. Не совсем понятен второй вариант. 
[code][list=1]
  • word-break: break-all;
  •  white-space: pre-wrap;[/list]
    [/code]
    Ну или если нужно надпись снизу-вверх/сверху-вниз то внутрь кнопки спан + трансформ.
    Приложения:
    • 14 КБ
    Алексей Бычков
    1979 сообщений
    #10 лет назад
    [offtopic]Никогда не делайте вертикальные кнопки[/offtopic]
    Максим К.
    124 сообщения
    #10 лет назад
    А косые кнопки будут?
    Скорей всего вам надо просто картинку на фон поставить и все.
    Сергей Ж.
    26 сообщений
    #10 лет назад
    а если форма длинная и с раскрывающимися списками,
    можно ли эту кнопку сделать по вертикали не фиксированного размера?
    Михайло Копча
    330 сообщений
    #10 лет назад
    seriys, она по умолчанию не фиксированного размера.
    Сергей Ж.
    26 сообщений
    #10 лет назад
    все понял, спасибо
    Главное есть такая возможность