How to find out the exact width of a module in pixels?
-
-
- MattG
- Hero Rocketeer
- Posts: 387
- Thanks: 0
-
Hi,
I was wondering how to determine the exact width of any module in pixels. Is there an easy way to do this? Can it be done with firebug?
Thanks,
Matt -
www.mattguillory.com
Apache: 2.2.14 | PHP: 5.2.12 | MySQL: 5.1.30 | Joomla! 1.5.7 codename Wovusani (English)
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
Hi Matt,
Yes you can do this with firebug.
Firebug tutorial here: www.rockettheme.com/blog/team/255-tools-firebug
I have attached to screenshots. One with a Gantry Framework template (Panacea) using the 960 grid system. More info on that here: www.gantry-framework.org/documentation/j...nced/960-grid-system
and here: www.rockettheme.com/forum/index.php?f=30...01342&rb_v=viewtopic
and one from Joomla.org using their template.
In the first one using Panacea when you use the inspect an element option. Mouse over your module. It may refer to the div rt-block or something like that. Just look above that tag for the rt-grid div and click on it then look to the right for the style of that element and it should reveal the width in 'px' (e.g. 300px)
This image is hidden for guests.
Please log in or register to see it.
On the shot form joomla.org you can see that I just used the inspect element option and moused over the module, clicked on it once it was highlighted (blue outline) and then looked to the right pane for the element style. This revealed the module width.
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- JEM
- Preeminent Rocketeer
- Posts: 17917
- Thanks: 4
-
With this extension it may be possible.
www.pixelperfectplugin.com/ - Thanks,
jim
-
-
-
- MattG
- Hero Rocketeer
- Posts: 387
- Thanks: 0
-
Wow. Great stuff guys. Very helpful.
Much thanks,
Matt -
www.mattguillory.com
Apache: 2.2.14 | PHP: 5.2.12 | MySQL: 5.1.30 | Joomla! 1.5.7 codename Wovusani (English)
-
Time to create page: 0.057 seconds