Trucos CSS
CSS
03.11.2010 02:01
CSS es la forma de aplicar diseños a nuestras webs. Utilizar CSS es la metodología correcta para maquetar páginas web. Con nuestros trucos podrás aplicarlos a tu web
Esquinas redondeadas con CSS y Javascript, sin imágenes
03.11.2010 02:05
Comentamos un script que sirve para hacer cajas con las esquinas redondeadas, pero sin necesidad de usar imágenes, sólo con CSS y un poco de Javascript.
Hacer cajas con las esquinas redondeadas es una de las típicas preguntas que se pueden hacer sobre CSS. Existen varias soluciones al...
CSS para campos textarea de formulario
03.11.2010 02:05
Veamos como aplicar estilos variados a campos de formulario de texto de varias líneas (textarea) con CSS.
Con las hojas de estilo CSS se puede configurar el aspecto de cada elemento de una página web, de una manera muy detallada. En este taller de CSS vamos a aplicar estilos a los...
Validar un CSS
03.11.2010 02:04
Con este truco de CSS podrás validar todos los CSS de tu aplicación.
Te brinda todo tipo de detalles acerca de los CSS (te indica todas las propiedades no válidas)
Cómo validar un CSS: https://jigsaw.w3.org/css-validator/
Crear columnas con CSS
03.11.2010 02:04
Gracias a este truco de CSS podrás crear rápidamente columnas en CSS
Estas columnas son del CSS:
/* COL CENTRO */
#h_c_c {
width: 300px;
margin-left: 90px;
margin-right: 100px;
}
/* COL IZQ */
#h_c_l {
width: 200px;
position: absolute;
top:0px;
left:0px;
}
/* COL DER...
Generar Columnas con CSS de una lista sin tablas
03.11.2010 02:03
Gracias a este truco de CSS podrás generar columnas con CSS utilizando una lista y sin tablas.
En una hoja CSS colocaremos los siguientes estilos:
UL.col3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH: 100%;
PADDING-TOP: ...
Crear plantilla de web con CSS
03.11.2010 02:02
Gracias a este truco de CSS podremos crear una plantilla de una página con CSS de forma fácil.
Para empezar, crearemos un div contenedor, que será el contenedor de todos los divs secundarios para poder crear la página.
<;div style=”width:100%" align="center">;
Una vez...
Html listado con imagen
03.11.2010 02:02
Html listado con imagen
<;ul style="list-style-image:url(/images/a.gif)">;
<;li>;<;asp:literal ID="l_1" runat="server">;<;/asp:literal>;<;/li>;
<;li>;<;asp:literal ID="l_2"...