verschieden große Buttons

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Werbung

Jetzt auf elektrisches Fahren umstellen, Umwelt schonen und 1.500km kostenlosen Strom von Tesla bekommen. https://ts.la/carsten15473.

joergi

Neues Mitglied
10 Juli 2012
16
0
1
Hi,

ich bin langsam am verzweifeln. In meinem script besitze ich zwei nebeneinanderliegende Buttons. Der erste wird mit "submit" ausgeführt. Der zweite mittels Hyperlink. Trotzdem erscheint der "submit" Button kleiner. Gibt es eine einfache Möglichkeit, den ersten Button an den zweiten anzupassen?

Vielen Dank schon einmal für Eure Hilfe :-)

Code:
.taste1
{
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
margin-bottom: 5px;
border:1px solid #808284;
display:inline-block;
color:#000000;
font-family:Arial;
font-size:13px;
height:21px;
line-height:21px;
width:106px;
text-align:center;
cursor:pointer;
text-decoration: none;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 22%, rgba(201,249,255,1) 33%, rgba(189,238,255,1) 41%, rgba(125,185,232,1) 100%, rgba(110,146,184,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 22%,rgba(201,249,255,1) 33%,rgba(189,238,255,1) 41%,rgba(125,185,232,1) 100%,rgba(110,146,184,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 22%,rgba(201,249,255,1) 33%,rgba(189,238,255,1) 41%,rgba(125,185,232,1) 100%,rgba(110,146,184,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 22%,rgba(201,249,255,1) 33%,rgba(189,238,255,1) 41%,rgba(125,185,232,1) 100%,rgba(110,146,184,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 22%,rgba(201,249,255,1) 33%,rgba(189,238,255,1) 41%,rgba(125,185,232,1) 100%,rgba(110,146,184,1) 100%);
}
.taste1:hover
{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 22%, rgba(196,252,252,1) 37%, rgba(165,253,253,1) 43%, rgba(116,194,194,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 22%,rgba(196,252,252,1) 37%,rgba(165,253,253,1) 43%,rgba(116,194,194,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 22%,rgba(196,252,252,1) 37%,rgba(165,253,253,1) 43%,rgba(116,194,194,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 22%,rgba(196,252,252,1) 37%,rgba(165,253,253,1) 43%,rgba(116,194,194,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 22%,rgba(196,252,252,1) 37%,rgba(165,253,253,1) 43%,rgba(116,194,194,1) 100%);
}
</style>
<input name="absenden" value="absenden"  class="taste1" type="submit">
<a class="taste1" href="test.php">absenden</a>
 
Werbung: