27.12.2008, 15:40
Hi,
wenn es nur um den Button und den Hintergrund geht, das kann man auch mit einem Grafikprogramm und im HTML Code mit CSS erledigen.
Den Hintergrund des Linkes (dein Buttonbild) kann man nänmlich mit CSS verschieben. Dazu werden nur beide Buttonzustände normal/hover zusammen in eine Datei gespeichert.
und z.B. so in die Webseite eingebunden.
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Button</title>
<style type="text/css">
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #000000;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* BUTTON */
/* - - - - - - - - - - - - - - - - - - - - */
.button {
background-image: url('2button.gif');
background-repeat:no-repeat;
width: 269px;
height: 279px;
display: block;
text-decoration: none;
}
.button:hover {
background-image: url('2button.gif');
background-repeat:no-repeat;
background-position:0px -334px;
text-decoration: none;
}
</style>
</head>
<body>
<div align="center"><a class="button" href="#"> </a></div>
</body>
</html>[/HTML]
Zu CSS bitte das lesen http://www.juergens-workshops.de/service...rgrund.htm
Cu Helmut
wenn es nur um den Button und den Hintergrund geht, das kann man auch mit einem Grafikprogramm und im HTML Code mit CSS erledigen.
Den Hintergrund des Linkes (dein Buttonbild) kann man nänmlich mit CSS verschieben. Dazu werden nur beide Buttonzustände normal/hover zusammen in eine Datei gespeichert.
und z.B. so in die Webseite eingebunden.
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Button</title>
<style type="text/css">
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #000000;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* BUTTON */
/* - - - - - - - - - - - - - - - - - - - - */
.button {
background-image: url('2button.gif');
background-repeat:no-repeat;
width: 269px;
height: 279px;
display: block;
text-decoration: none;
}
.button:hover {
background-image: url('2button.gif');
background-repeat:no-repeat;
background-position:0px -334px;
text-decoration: none;
}
</style>
</head>
<body>
<div align="center"><a class="button" href="#"> </a></div>
</body>
</html>[/HTML]
Zu CSS bitte das lesen http://www.juergens-workshops.de/service...rgrund.htm
Cu Helmut
![[-]](https://forum.juergens-workshops.de/images/collapse.png)