krischi: "Buttons"

Beitrag lesen

SELF-Forum

"Buttons"

krischi
– Informationen zu den Bewertungsregeln

Grundzüge im "Button-machen" via CSS gehen zB so:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
 <meta http-equiv="Content-Style-Type" content="text/css">  
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
 <title>Rollover-Buttons mit CSS</title>  
  
<style type="text/css">  
  
<!--  


  
a.button  
      {  
      cursor:pointer;  
      font-family:Verdana;  
      font-size:12px;  
      color:#000000;  
      background-color:#F8F8FF;  
      border-left:2px solid #CCCCCC;  
      border-top:2px solid #CCCCCC;  
      border-right:3px solid #000000;  
      border-bottom:3px solid #000000;  
      text-decoration:none;  
      width:100px;  
      text-align:center;  
      }  
  
a.button:hover  
      {  
      color:#000000;  
      background-color:#DCDCDC;  
      border-left:2px solid #000000;  
      border-top:2px solid #000000;  
      border-right:3px solid #cccccc;  
      border-bottom:3px solid #cccccc;  
      text-decoration:none;  
      }  
  


  
-->  
</style>  
  
</head>  
<body>  
  
<h1>Rollover-Buttons mit CSS ohne JavaScript</h1>  
  
  
<a name="hier" href="#dahin" class="button">drückmich</a>  
  
  
</body>  
</html>

... und natürlich nicht vergessen, die Hinweise meiner Vorredner aufmerksam zu lesen...

Gruß Krischi

Beitrag melden
–
Informationen zu den Bewertungsregeln