Anyway I can identify divs (not in code mode)

Soldato
Joined
6 Jan 2006
Posts
3,423
Location
Newcastle upon Tyne
Im trying to customise the basic SMF theme but struggling with the post display(Display.template) file. I want to change it to look like an older theme I was using but that theme was table based so cant really compare to the new theme file with my limited knowledge sadly!

Im sure I could work it out if I knew what it was I was looking at but struggling with the order of the divs.

Is there an extension that shows you the divs on the screen when you look at a website. I cant work out whats what from the source sadly.

Thanks
 
Last edited:
If you're using Firefox you can use Firebug, or Chrome's built in "Inpect Element" option. If you look at the HTML code in it and move your mouse over a bit of code, it will highlight that element on the page.
 
As will IE.. press F12 for developer tools, then go to Outline menu and select Div elements (I believe that's what Pike is referring to but the Dev Tools option was just pre-installed for me, not a specific add-on).

You then get rectangular outlines around all div elements on the web page you're viewing. You can also go Find -> Select Element By Click and that will let you pick any of the Div blocks on screen and drill into the html to find the specific one for you.
 
Back
Top Bottom