magog
24.01.2011 12:01 Kopete
http://pastebin.com/2iXGJHxS — это шаблон. Между тегами <form> вставляются динамически кнопки через: <input type=\"button\" id=\"%1\" value=\"%2\" onclick=\"Action.sendActionOnClick(id)\" />. Надо, что бы эти кнопки были выровнены по правой стороне в строчку и надо цвет шрифта в них задать. В web полный нуль. Помогите сделать.
29 comments
recommend
bookmark
subscribe
попробуй такой стиль задать:
form input{
display:inline;
text-align:right;
color:#F00; /*нужный цвет текста*/
}
text-align:right; — это выровняет имееноо кнопки по правой стороне? Не текст в них, а сами кнопки
мм.. да. тогда тут text-align сделать какой нужно на кнопках и задать ещё один стиль form {text-align:right} до form input{}
вот что получилось:
Решил так: form input{display:inline; text-align:center; float:right; color:#F00; }. Спасибо. Как сделать так, что бы под кнопками было немного места — а то они в самом нижнем краю стоят — немного не красиво. И как задать для всех кнопок четкий одникоый размер не зависящий от текста?
если float, то display:inline — не нужно. float — всегда display:block;
margin-bottom попробуй, это сделает отсутп снизу. хотя не уверен, что он правильно поведёт себя с float
это как? margin: bottom?
не, так и есть margin-bottom: Xpx
или вообще, сделай <br /> после form
ни первый ни второй совет не работает :-(
тогда после последего инпута попробуй сделать <br /> со стилем clear:both; высоту br можно будет изменить параметром line-height: Xpx
а можно сделать так, что бы минимальный размер задать у кнопки? А дальше уже от текста в ней?
можно, но разные движки по-разному рендерят это дело, кто-то вообще их игнорит, не помню кто. параметры min-width и min-height
тут webkit
я понял, но я не помню как он с этими параметрами обходится.
офигенно обходится
ну и гуд :)
а можно сделать так, что бы текст кнопки инвертировал цвет кнопки?
ну в смысле принимал цвет инвертный цвету кнопки?
насколько знаю чтобы это автоматически было стилями не сделаешь. можно задать фиксированно цвет кнопки и цвет текста. а динамически — только js.
не пойдет. Задам просто белый фиксированный
сделал так: <style>br {clear: both; line-height: 10px;}</style> и после </form> сделал <br />. Но кнопки все равно находятся в самом низу :-(
а попробуй тогда у class="formContainer" сделать padding-bottom: Xpx
а как мне в стиле это указать? Ну в смысле как стиль идентифицировать? div {padding-bottom: Xpx;} ?
div.formContainer или просто .formContainer если больше нигде этот класс не используется. именно точка в начале и потом имя класса.
ни div.formContainer {margin-bottom: 10px;}, ни .formContainer {margin-bottom: 10px;} ни с paddinig вместо margin не работает
странно, блин.. ну ещё тогда попробуй вот после этого <br clear="left" /> добавить ещё один <br /> если и это не поможет — то хз. я вот поэтому и стараюсь держаться подальше от вёрстки %) иногда вот такую мелочь делать приходится в два раза дольше, чем код для просто цмс писать %)
я даже 3 <br /> поставил — пофигу :-(
заработало. Там проблема в кутях есть: почему-то не верный contentSize высчитывает при первом обращении и он не ставил этот <br />. А второй раз когда появляется — уже нормально все. Спасибо большое
ну и слава богу %) не за что!