Сергей Ж.
26 повідомлень
#9 років тому
Есть ли возможность создать вертикальную кнопку Найти в форме, если она очень длинная по вертикали и нужно чтобы была доступна для нажатия в любой момент? 
Михайло Копча
330 повідомлень
#9 років тому
Не совсем понятна задача, но думаю сделать можно. 
Сергей Ж.
26 повідомлень
#9 років тому
FLAKE_MDM,  вот так примерно, только кнопка еще не должна быть фиксированной высоты а изменяться, в зависимости от параметров
Кнопка найти это серая плашка справа
Додатки:
  • 58 КБ
Артур Х.
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>
Додатки:
  • 12 КБ
Михайло Копча
330 повідомлень
#9 років тому
lufter, br явно не вариант. 
Hungry_Hunter, картинкой тоже лучше не делать. Не совсем понятен второй вариант. 

  1. word-break: break-all;
  2.  white-space: pre-wrap;


Ну или если нужно надпись снизу-вверх/сверху-вниз то внутрь кнопки спан + трансформ.
Додатки:
  • 14 КБ
Алексей Бычков
1979 повідомлень
#9 років тому
Оффтопик
Никогда не делайте вертикальные кнопки
Максим К.
124 повідомлення
#9 років тому
А косые кнопки будут?
Скорей всего вам надо просто картинку на фон поставить и все.
Сергей Ж.
26 повідомлень
#9 років тому
А если форма длинная и с раскрывающимися списками,
можно ли эту кнопку сделать по вертикали не фиксированного размера?
Михайло Копча
330 повідомлень
#9 років тому
seriys, она по умолчанию не фиксированного размера.
Сергей Ж.
26 повідомлень
#9 років тому
Все понял, спасибо
Главное есть такая возможность