Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
ARTICULO: Trucos avanzados con CSS

 Se muestran 9 comentarios sin revisar

Domingo Peña  03/4/04 
Menu desplegable con CSS
es muy configurable.

!Que lo disfruten¡



<head>
<style type="text/css">
.1a{visibility:display}
.2a{visibility:hidden}
</style>
</head>
<div align="left">
<table border="1" style="border-style:dotted;border-width:5px" bgColor="orange" cellpadding="0" onmouseOver="a.className='1a'" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="127" height="28" id="AutoNumber1">
<tr>
<td width="127" height="28"><div align="center">
Menu</td>
</tr>
</table>
</div>
<head>
<style type="text/css">
#ca{position:absolute;top:11%;left:15%}
</style>
</head>
<div id="ca">
<span>
<table border="1" style="border-style:dotted;border-width:5px" bgColor="#00FFFF" ID="a" class="2a" onmouseOut="this.className='2a'" onmouseMove="this.className='1a'" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="127" id="AutoNumber2" height="116">
<tr>
<td width="125" height="116">&nbsp;&nbsp;&nbsp;&nbsp;<p>&nbsp; <b>
<font color="#FF0000"><div align="center"><a href="http://ww.google.com/">
<font size="4">&nbsp;Campo</font></a></p>
</font></b></p>
<p><b><font color="#FF0000"><div align="center">
<a href="http://ww.google.com/"><font size="4">Mesas</font></a></font></b><p></p>
<p><b><font color="#FF0000"><div align="center"><a href="http://ww.google.com/">&nbsp;<font size="4">Teatro</font></a></font></b></td>
</tr>
</table>
</div>
</span>

</div>

</div>

</div>

</div>

</div>




Ignacio  27/9/04 
En el artículo se comenta que el atributo CSS A:hover solo funciona para IE. No he probado con más, pero s%E?ä‡0e también funciona con Mozilla.
Espero ayudar en algo.

Salaaadef  24/12/04 
Me gustaria saber como podria hacer para que cuando alguin pase por encima de lso enlaces de mi web eston cmabien d ecolor, peor o de tamaño.

Manuel Santana  16/2/06 
Alguien me ayudes por favor. He entendido un poco pero no entiendo como aplicar el texto que deceo alos resultado obtenido con css. alguien me puede ayudar por favor gracias.

carlos  16/7/06 
excelente artículo, muy práctico ya que tiene varios ejemplos que hacen más fácil la experiencia de conocer lo que son las CSS.......gracias.

alex  18/8/06 
el efecto hover solo funciona en IE para etiquetas a, en mozilla firefox, el efecto hover funciona para todas las etiquetas

coca  10/11/06 
hola, quiero saber si se pueden agregar 2 hojas de estilos con difentes colores de vinculos para dos tablas diferentes pero en la misma pagina

Fix  21/12/06 
Es posible CSS realizar varios enlaces con atributos diferentes en la misma pagina, como?


Arturo  12/7/07 
Corrijan el codigo ya que podrian confundirse los que estan aprendiendo, el primero es con minusculas (link normal) y el segundo con mayusculas

<a href="http://dominioinexistente.nofunciona.com">Enlace normal</a>
<br>

<br>
<A href="enlaces.html">Enlace visitado</a>


saludos

Ver el articulo / faq completo Ver el articulo y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba

Comentarios no revisados de:

+ Trucos avanzados con CSS


DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia