|
|
|
| Вот есть форма, логин-пароль и кнопка "вход". Но эта кнопка так мерзко смотрится, а управлять ее формой я не могу. Можно ли заменить кнопку просто текстовой ссылкой или картинкой, но чтобы сохранить ее статус как "SUBMIT", то есть чтобы скрипты ее понимали? | |
|
|
|
|
|
|
|
|
для: shimi
(03.05.2005 в 02:54)
| | кнопку можно сделать цвета фона, убрать границы и она будет похожа просто на текст. почитайте про стили. сейчас не могу дать пример, не на своем компе... вечером, если еще актуально будет. | |
|
|
|
|
|
|
|
для: shimi
(03.05.2005 в 02:54)
| | Можно так:
<a class=menu href="#" onclick='submit();return(true);'>Вход</a> - это поставить в теле формы. Правда проблема с совместимостью будет актуальна :). | |
|
|
|
|
|
|
|
для: duran
(03.05.2005 в 13:40)
| |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
.lmNormal
{
BACKGROUND-COLOR:transparent;
BORDER-BOTTOM:medium none;
BORDER-LEFT:medium none;
BORDER-RIGHT:medium none;
BORDER-TOP:medium none;
MARGIN-BOTTOM:2px;
MARGIN-LEFT:1px;
MARGIN-TOP:1px;
PADDING-BOTTOM:4px;
PADDING-LEFT:6px;
PADDING-TOP:2px;
font-family: Verdana;
text-decoration: none;
}
.lmMouseover
{
BACKGROUND-COLOR:#eda86f;
BORDER-BOTTOM:#2e0e03 solid thin;
BORDER-LEFT:#e7d0be solid thin;
BORDER-RIGHT:#2e0e03 solid thin;
BORDER-TOP:#e7d0be solid thin;
MARGIN-BOTTOM:2px;
MARGIN-LEFT:1px;
MARGIN-TOP:1px;
PADDING-BOTTOM:2px;
PADDING-LEFT:4px;
font-family: Verdana;
text-decoration: underline;
}
.lmClick
{
BACKGROUND-COLOR:#985f34;
BORDER-BOTTOM:#e7d0be solid thin;
BORDER-LEFT:#2e0e03 solid thin;
BORDER-RIGHT:#e7d0be solid thin;
BORDER-TOP:#2e0e03 solid thin;
COLOR:#ffffff;
FONT-SIZE:100%;
MARGIN-LEFT:1px;
MARGIN-BOTTOM:2px;
MARGIN-TOP:1px;
PADDING-BOTTOM:2px;
PADDING-LEFT:4px;
font-family: Verdana;
}
</style>
</head>
<body bgcolor="#ccffff">
<input type="Submit" value="Prosto knopka" style="">
<input type="Submit" value="Prozrachnaya knopka" style="background-color: transparent;">
<input type="Submit" value="Knopka bez granic" style="background-color: transparent; border-style: none;">
<div class=lmNormal style='cursor:hand; width:130; height:20'
onMouseDown=this.className='lmClick'
onMouseUp=this.className='lmMouseOver'
onMouseOver=this.className='lmMouseOver'
onMouseOut=this.className='lmNormal'>
Text-knopka</div>
</body>
</html>
|
| |
|
|
|