Tip for visualising page layout

J

Jim Higson

Firefox's web dev toolbar already does something like this, but try adding
this to the top of your css:

*{border:1px solid red;}
* *{border:1px solid blue;}
* * *{border:1px solid green;}
* * * *{border:1px solid black;}
* * * * *{border:1px solid red;}
* * * * * *{border:1px solid blue;}
* * * * * * *{border:1px solid green;}
* * * * * * * *{border:1px solid black;}
* * * * * * * * *{border:1px solid red;}
* * * * * * * * * *{border:1px solid blue;}
* * * * * * * * * * *{border:1px solid green;}
* * * * * * * * * * * *{border:1px solid black;}
* * * * * * * * * * * * *{border:1px solid red;}
* * * * * * * * * * * * * *{border:1px solid blue;}
* * * * * * * * * * * * * * *{border:1px solid green;}
* * * * * * * * * * * * * * * *{border:1px solid black;}
*{ padding:2px }
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,780
Messages
2,569,611
Members
45,279
Latest member
LaRoseDermaBottle

Latest Threads

Top