Search the Community
Showing results for tags 'Кнопка формы выпадающего спис'.
Found 1 result
-
Здравствуйте ребят .при верстке макета возник вопрос с кнопками в форме (см скрин ниже выделены красным цветом) google так и не дал вразумительного ответа по поводу того как их редактировать и можно ли их в обще редактировать с помощью css и как вставить эту оранжевую картинку впереди текста у меня получается так (см скрин ниже) как ни старался вставить картинку в форму не смог.она либо перекрывает текст.либо залезает за рамку формы вниз.как от центровать её тоже не разобрался у меня получилось так итог) 1вопрос? Как изменить картинку кнопки (если возможно ) 2 вопрос? как вставить картинку (если возможно) 3 вопрос? Как отцентровать текст по центру формы ps.Спасибо всем огромное за ранее. вот код HTML <html><head><meta charset="utf-8"><title>Документ без названия</title><link href="style.css" rel="stylesheet" type="text/css"></head><body><!--макет полностью --><div id="maket"><!--шапка макета --><div id="heder"> <div class="logo"> <a href="#" title="HOME" target="index.html"> <img src="images/GoodInc_02.png" width="191" height="69"> </a> </div> <!--блоки формы --> <div class="cell_1"> <select name="nav" size="1" class="nav_1"> <option value="NewsLetter" selected="selected"> Newsletter</option> <option value="NewsLetter">Newsletter1</option> <option value="NewsLetter">Newsletter2</option> <option value="NewsLetter">Newsletter3</option> </select> </div> <div class="cell_2"> <select name="nav" size="1" class="nav_2"> <option value="NewsLetter" selected="selected"> Newsletter</option> <option value="NewsLetter">Newsletter1</option> <option value="NewsLetter">Newsletter2</option> <option value="NewsLetter">Newsletter3</option> </select> </div></div></div></body></html> CSS * { margin: 0px; padding: 0px;}body { background: #eee;}/*макет-полностью страница*/#maket { display:block; width: 980px; height: 100%; margin: 0 auto;}/*Блок шапки*/#heder { width: 980px; height: 70px; background: #373737;}/*логотип*/.logo { display: block; float: left;}/*блоки формы списка*/.cell_1 { display: block; float: left; width: 120px; height: 70px; padding-left: 390px; padding-top: 20px;}.cell_2 { display: block; float: left; width: 120px; height: 70px; padding-left: 20px; padding-top: 20px;}.nav_1 { width: 120px; height: 25px; border-radius: 1px solid #bbb; color: #777;}.nav_2 { width: 120px; height: 25px; border-radius: 1px solid #bbb; color: #777;}
