Mausover bei DivBoxen

CRAIX · 28.06.2006, 20:21

Hallo,

ich habe mal eine Frage in Sachen Mausover bei DivBoxen.
Habe da eine DivBox erstellt und möchte sie gerne als Button benutzen und ein Mausover dazu haben.
Doch leider weiss ich nicht wie das geht. Könnte mir bitte mal da jemand etwas helfen von Euch….

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>button</title>
<style type="text/css">
<!--
.button01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #0099FF;
	height: 100px;
	width: 250px;
	border: 1px solid #00FFFF;
}
-->
</style>
</head>

<body>
<div class="button01">Button Link 
</div>
</body>
</html>

Des Weiteren möchte ich gerne das der Link Text mittig ist horizontal und vertikal, wie bekommt man das hin ?

28.06.2006, 20:26

da brauchste keine divs

Code:

a.button {
        display: block;
        width: 250px;
        height: 100px;
        border: 1px solid #0FF;
        background: #09F;
        color: #000;
        font: 12px/100px verdana, arial, sans-serif;
}

Code:

<a class="button">Button</a>

CRAIX · 28.06.2006, 20:30

Danke erst mal,

aber wie geht es dann in Deinen Beispiel mit den Farbwechsel beim Mousover bei den Hintergrund?

28.06.2006, 22:02

a:hover {
background: #bla;
}