Dreamweaver - Menu Navegacion

 
Vista:

Menu Navegacion

Publicado por Daniel (4 intervenciones) el 14/06/2007 11:12:57
Necesito un menu de navegacion para Dreamweaver, que cambie el color de las celdas al pasar el mouse por encime, pero sin imagenes de sustitucion.Supongo que con una hoja de estilos, pero no se.

Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Menu Navegacion - en CSS

Publicado por basnek (47 intervenciones) el 14/06/2007 13:10:08
Te paso el bloque de codigo de un menú que utilizo en los backend que desarrollo
Creo es lo que estas buscando

<!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-2" />
<title>La Web del Programador</title>
<style>
/*MENU*/

#navcontainer {margin:0; width:150px; margin:20px 0 0 25px;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a, .titulares
{
display: block;
padding: 7px 10px 4px 10px;
width: 150px;
color: #5b5b5b;
background-color: #fff;
border:1px solid #b9b9b9;
text-decoration: none;
*height:17px;
min-height:17px;
}

#navcontainer a:hover
{
color: #fff;
background-color: #8f8f8f;
text-decoration: none;

}
/*pels titulars*/
.titulares {
color: #fff;
background-color: #8f8f8f;
text-decoration: none;
border:none;
margin:1px 0;
width: 152px;
font-size:10px;
text-transform:uppercase;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 2px 30px;
width: 135px;
color: #747474;
background-color: #d4d4d4;
text-decoration: none;
border:1px solid #d4d4d4;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #8f8f8f;
border:1px solid #8f8f8f;
text-decoration: none;
}

#navcontainer div {height:30px;}

</style>
</head>

<body>
<div id="navcontainer">
<ul>
<span class="titulares">MENU</span>
<li><a href="rubros.php">Rubros</a></li>
<li><a href="subrubros.php">Sub Rubros </a></li>
<li><a href="atributos.php">Atributos</a></li>
<li><a href="complementos.php">Productos</a></li>
<li><a href="galerias.php">Galerias</a></li>
<li><a href="contenidos.php">Novedades</a></li>
<li><a href="ocasion.php">Ocasión</a></li>
<li><a href="mailing.php">Usuarios Mailing </a></li>
<li><a href="usuarios.php">Usuarios</a></li>
</ul>
<div></div>
<ul>
<li><a href="logout.php">Salir</a></li>
</ul>
</div>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Menu Navegacion - en CSS

Publicado por Daniel Ulczyk (1171 intervenciones) el 15/06/2007 16:31:20
Un recurso gratuito para iniciado:

http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/

Y una lista de enlaces para la inspiración:

http://razvan.seopedia.ro/2006/07/19/71-de-meniuri-css-utopic/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Menu Navegacion - en CSS

Publicado por Daniel (4 intervenciones) el 16/06/2007 11:37:19
He optado por esto :

http://www.webintenta.com/cambiar-el-color-de-una-celda-al-situarnos-sobre-ella.html

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td onmouseover='this.style.background="#CCCCCC"'
onmouseout='this.style.background="#FFFFFF"'>
Texto de la celda
</td>
</tr>
</table>

me ha resultado mas sencillo, Gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Menu Navegacion - en CSS

Publicado por basnek (47 intervenciones) el 17/06/2007 11:33:56
Hola Daniel efectivametne esa forma funciona de hecho antes la utilizaba solo que tienes algunos inconvenientes por un lado escribes más código, por otro esta el problema si no tiene JS habilitado, también si el día de mañana quieres cambiar color es mas follon, finalmente esos eventos para la accesibilidad la llevan chunga. Por tales motivo migre a Css.
Igualmente te he pasado un menú un tanto grande quizas si sacas elementos veras que es super simple tenerlo con css directo.
Pero te repito efectivamente así lo hacía antes yo.
Salu2 y Éxitos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar