trucos de juegos

    

   TRUCOS PARA JUEGOS
   - Juegos PC
   - Playstation
   - Playstation 2
   - Playstation 3
   - PSP
   - Xbox
   - Xbox 360
   - Nintendo Ds
   - Nintendo 64
   - Nintendo Wii
   - Game Cube
   - GameBoy Advance
   - GameBoy
   - Dreamcast
   - N-Gage
   TRUCOS PARA WINDOWS
   - Windows 98
   - Windows ME
   - Windows 2000
   - Windows XP
   - Windows Vista
   - Messenger
   - C#
   - SQL Server 2005
   - Trucos CSS
   TRUCOS PARA MÓVILES
   - Alcatel
   - Sony Ericsson
   - Motorola
   - Nokia
   - Philips
   - Nec
   - Mitsubishi
   - Sagem
   - Samsung
   - Panasonic
   - Bosch
   - Maxxon
   - Siemens
   - Movistar
   - Vodafone
   OTROS TRUCOS
   - Internet
   - Redes
   - P2P Emule
   - P2P Bittorrent
   WEBS AMIGAS
   - Humor biboz
   - Comunidad biboz
   - Amor
   - Foro de sexo

Trucos de CSS >

Generar Columnas con CSS de una lista sin tablas


racias 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: 0px;

LIST-STYLE-TYPE: none

}

UL.col3 LI

{

PADDING-RIGHT: 2px;

DISPLAY: inline;

PADDING-LEFT: 2px;

FLOAT: left;

PADDING-BOTTOM: 2px;

WIDTH: 30%;

PADDING-TOP: 2px

}

Le hemos puesto el nombre de ColNumeroColumnas.

Para crear columnas en CSS se define en el estilo UL.col3 LI donde el width es el tamaño de cada columna. Así automáticamente se irán creando las columnas y no tendremos que utilizar tablas.

En el html, cuando declaremos la lista:

<;ul class="col3">;

<;li>;<;/li>;

<;/ul>;

Enviado el: 06/08/2007       Leido 166 veces           Enviado Por: axo



     Trucoss.com 2007 - Buscador de trucos, Trucos pAra Juegos, Tu Biblioteca de Trucos, Trucos pAra Windows Vista XP Professional Acelerar eMule