Conoce la forma de todo tu sitio con CSS

Por: Johnny

17 de Noviembre del 2006

1510 de clabLevel
Otros artículos de Johnny

11,968 visitas

css

Normalmente suelo usar la propiedad border para ver cómo quedan posicionadas las divs de mis sitios, pero se hace un poco tedioso cuando tienes muchos elementos y los tienes que cambiar uno a uno. Casualmente me encontré este "truco" el otro día (no recuerdo donde), que nos puede hacer esta tarea más fácil.

Para usarlo tan sólo tenéis que añadir esto a vuestro css y cuando hayáis solucionado el posible problema de posicionamiento lo quitáis o lo dejáis como comentario.

(Lo que hace es asignarle un color de borde a cada elemento hasta el nivel 8, pero le podéis añadir más)

Código :

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }

También te interesa

• Crear una plantilla Wordpress 2: El loop
• Cómo crear una plantilla de Wordpress
• Convertir PSD a CSS y XHTML, parte 6

css

Me parece Genial
Por: Suriv_blog

Bueno, yo como trabajo con Dreamweaver, ejem... yo me marca los bordes, aunque eso está bien como truco sencillo.
Por: Sisco

Enlaces del truco:

http://www.anieto2k.com/2006/08/07/buen-truco-para-debugear-tus-css/
http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html

Un saludo gente
Por: phpleo

Esa web apunta a:

http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html

Será el origen del truco??

Salu2.
Por: phpleo

Buen truco... definitivamente lo anotaré ...
Por: Aoyama

Que importa si viene de uno o de otro, creo que lo único por hacer es difundir el tip y dar credito a ambos sitios.
Por: La100rra

A partir de ahora es de Clab, así que nos damos nosotros mismos el credito...
Por: Johnny

ventura_blog :

oe ahora k he enviado mi contraseña no esten abriendo mi correo ps ok si es posible borrelo la contraseña ok

Por: Johnny

* { border: 2px dotted red; }
* * { border: 2px dotted green; }
* * * { border: 2px dotted orange; }
* * * * { border: 2px dotted blue; }
* * * * * { border: 1px solid red; }
* * * * * * { border: 1px solid green; }
* * * * * * * { border: 1px solid orange; }
* * * * * * * * { border: 1px solid blue; }