Want to show padding, margin, and borders while trying to debug

[forumposters]

If i want to see where all the borders are on all my divs, tds, etc I can put this line in my css:

*{
	border: 1px;
	border-style: solid;
}

But, I'd like to see margins and padding as well... Is this possible?

 

[BabyJeffy]

Try using Firefox with the free Firebug extension and examine the layout tab in the console. When you are "inspecting" an element you can view the full css layout details that include the padding and margin details for the element.

Hope that helps,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[glenmac]

you could make a link of the following code to show borders on your divs.

javascript:void(t=document.getElementsByTagName("div"));for(i=0;i<t.length;i++){void(t[i].border="1")}

having a brain fart on what they're called:-(

Glen

http://lantzvillecomputers.com

 

[BabyJeffy]

Favelets?

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[forumposters]

thanks for that tip. i'm not sure how to apply it though. If I copy and paste that to the address box in my browse and hit return, it doesn't do anything.

 

[BabyJeffy]

Just a few changes and that should sort you out:

javascript:t=document.getElementsByTagName("div");for(i=0;i<t.length;i++){t[i].style.border="1px solid red"}

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094