Que tal? tengo el siguiente codigo que muestra 4 botones en los cuales hace efecto roll over, necesitaria que los botones tuvieran las siguientes medidas 204x70
donde y que codigo tendria que agregar ?
<html>
<head>
<style type="text/css">
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: sans-serif, Verdana, Arial;
font-size: 8pt;
color: white;
}
#menu div.barraMenu {
text-align: left;
}
#menu div.barraMenu a.botonMenu {
background-color: #556975;
color: white;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #637D4D;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #637D4D;
color: black;
}
</style>
</head>
<!--
background-color de a.botonMenu : color de estado reposo (out).
background-color de a.botonMenu:hover : color de estado sobre (over).
background-color de a.botonMenu:active : color de estado seleccionado.
-->
<body>
<div id="menu"><div class="barraMenu">
<a class="botonMenu" href="">Opción 1</a><br />
<a class="botonMenu" href="">Opción 2</a><br />
<a class="botonMenu" href="">Opción 3</a><br />
<a class="botonMenu" href="">Opción 4</a><br />
</div></div>
</body>
</html>
desde ya gracias.