Не могу настроить кнопку на сайте((

[Andriyevski]

Проблема в том, что я не могу сделать активной кнопки на сайте!

КОД:
-index.php:

<div id="head">
<ul>
<li><input type="submit" name="zaregatsa" class="zaregatsa"></input></li>
<li><input type="submit" name="vhod" class="vhod"></input> </li>
</ul>

</div>

-style.css:

#head{
width: 100%; /*Ширина сайта*/
height: 41px;/*Высота блока*/
background:url(/img/head_bg.jpg) no-repeat; /*#666; /*Цвет фона сайта*/
border: 2px solid #000;

}


li {display:inline; }

.zaregatsa {
width: 190px;
height:30px;

padding: 0px 3px 0px 15px;
margin: 5px 15px 0px 890px;
border: 2px solid #000;
background:none;
}
.vhod{

width: 90px;
height:30px;
padding: 0px 3px 0px 15px;
border: 2px solid #000;
background:none;
}

 

[Фанат]

переместил

 

[HEm]

Зачем кнопки там где нужны ссылки? Причем на ссылке входа клик должен показывать (через JS) блочок с полями для ввода логина и пароля, кнопкой отправки и ссылкой "забыли пароль?"
И еще - вы явно выдали не все что нужно, тексты "Зарегистрироваться" и "Вход" где в примере?
Текст "Отправить" - это стандартный текст для кнопки если у нее не задано value="..."

 

[Andriyevski]

Зачем кнопки там где нужны ссылки? Причем на ссылке входа клик должен показывать (через JS) блочок с полями для ввода логина и пароля, кнопкой отправки и ссылкой "забыли пароль?"
И еще - вы явно выдали не все что нужно, тексты "Зарегистрироваться" и "Вход" где в примере?
Текст "Отправить" - это стандартный текст для кнопки если у нее не задано value="..."

Я создавал из своего PSD эскиза... И я так понял что кнопки нужно отдельно вырезать и как то вставить...возможно ссылкой но я незнаю как... я только начал понимать CSS и несовсем понимаю как что соединять...
Спасибо за помощь!

 

[Andriyevski]

Неполучаеться создать невидимую кнопку поверх рисунка PSD ((((

 

[Andriyevski]

Я разобрался с этим и смог настроить кнопки с помощью изменений:
-index.php

<div class="head">
<a href="#" class="logo"
<img src="" alt="WEBSITE"/>
</a>
<div class="headmenu" >
<li><a href="#" >Зарегестрироваться</a></li>
<li><a href="#" >Вход</a></li>
</div>
</div>
</div>
</div>

-style.css

li {
display:inline;
}
.logo{
background-image: url('./img/logo.gif');
}

.headmenu{
color:white;
padding: 0;
margin:0;
/*border: 2px solid #000;*/
background:none;
margin: 0px 0px 0px 893px;/*создаем отступи для блоков по вертикали*/

}

.headmenu a{
color:white;
/*border: 2px solid #000;*/
font-weight:bold;
font-size: 22px;
background:none;
display:block;
float: left;
padding: 5px;
margin: 0 0 0 5px;
text-decoration:none; /* Помогает убирать линию под тектом! */
}

Получилось именно так как хотел! Все кнопки активны
Урааа))) Победа за бобрами)))
Спосибо "HEm" реально помог!

 

[Andriyevski]

Не не реклама но много полезного я нашел тут ссылка

 

[HEm]

Да, это хороший учебник и справочник.