DIVS:
Centrar la página:
Un básico del CSS
Esto funciona en todos los exploradores menos en IE:
Codigo:
#div-principal {
position: relative;
margin: 0 auto;
}
Para que funcione en IE (poner dentro de <head>):
Codigo:
<!--[if IE]><style type="text/css">
body { text-align: center}
#div-principal { text-align: left; }
</style>
<![endif]-->
División una sobre otra (absoluta):
Codigo:
elemento { position: absolute; }
Se puede especificar una posición:
Codigo:
elemento {
position: absolute;
margin-top: [margen superior en PX];
margin-left: [margen superior en PX];
}
División estática (fija):
Codigo:
elemento { position: fixed; }
Igual que con las absolutas, se puede especificar una posición:
Codigo:
elemento {
position: fixed;
margin-top: [margen superior en PX];
margin-left: [margen superior en PX];
}
HIPERVINCULOS:
Idea básica de los vínculos:
Formato normal del vínculo:
Codigo:
a { color: [color] }
Formato del vínculo cuando se pone el cursor sobre él:
Codigo:
a:hover { color: [color] }
Rollovers con CSS:
Hay un muy completo tutorial acerca de este tema en
Wellstyled
Eliminando...
Codigo:
elemento { display: none; }
Este código puede servir para que en el código fuente se vea un texto, y en el diseño no (ideal para la indexación de Google).
También puede servir para efectos dinámicos.
Crea tu foro GRATIS
Usuario
Estadisticas
Funciones
Afiliados
Usuario PRO
Desconectado
