Can Joomla templates be built using no tables?
-
-
- Andy Miller
- Preeminent Rocketeer
- Posts: 9919
- Thanks: 96
- Web Kahuna
- The main reason we use tables regularly is that 3rd party joomla components often break pure css layouts as they were often designed only to work reliably with the default joomla template (solarflare). from time to time we release pure CSS designs (like Equinox) but they take a lot more testing and are alot more involved generally speaking than using a table here and there. Also note, even when we do use tables, we try to use the bare minimum. Usually only to allow for collapsing modules, never for layout.
-
-
-
- Buddy Quaid
- Newbie
- Posts: 18
- Thanks: 0
-
I made my Joomla template so it has collapsable CSS module positions. I didn't use tables for it. It was a pain in the arse but I did it at my site at
www.tangerinefiles.com
.
On the home page the modules at the bottom under the main section are expandable depending on the content.
-
-
-
- Daniel Chapman
- Elite Rocketeer
- Posts: 1258
- Thanks: 0
-
vertical collapsing css modules are one thing. Horizontally are another all together!
Tables will resize nicely to fill the available space, divs don't. This has always been my pet peeve with divs vs tables. There is no reliable way via css to tell a div to 'fill the available space' if you have two or three divs in a line and remove one of them.
I also wish divs had a way (or maybe I just don't know it) to fill vertically to the height of their parent. 100% grows to the hight of the content not the container... -
www.ninjoomla.com
- The Ninjoomla Open Source Extension Club
Over 50 open source extensions and 100 videos to you build the site you want.
-
-
-
- Buddy Quaid
- Newbie
- Posts: 18
- Thanks: 0
-
Yea, mine are not vertically collapsing...they are horizontally collapsable. If you look at my homepage then its the bottom two light brown boxes. There are completely collapsable if one of them does not have content in them it will collapse and the other one will take the entire area.
Your right, tables are easier to implement and this trick could not be done without the help of PHP in this case. Of course you can't do this with just pure CSS by itself unfortunately. Hopefully, CSS3 or CSS4 might have solutions for all that you mention which most people are waiting for and should expect. It would be nice. - Last Edit: 17 years 7 months ago by Buddy Quaid.
-
-
-
- Daniel Chapman
- Elite Rocketeer
- Posts: 1258
- Thanks: 0
-
ahh I thought they were vert being in the position they are.
Yes I agree that php can be used to seemingly collapse the divs, but it isn't a clean method as presentation and business logic should be seperate!
JS can also be used to collapse the divs dynamically. -
www.ninjoomla.com
- The Ninjoomla Open Source Extension Club
Over 50 open source extensions and 100 videos to you build the site you want.
-
-
-
- Joe Halleck
- Preeminent Rocketeer
- Posts: 5481
- Thanks: 68
- Never give up!
-
Andy Miller wrote:
from time to time we release pure CSS designs (like Equinox)Are there any other templates in the RT stable that are tableless?
I have run into this challenge with a design I am working on.
I am looking for some good working examples of tableless designs and the tricks used to get FF to work like IE misbehaving ways.
The "clearfix" hacks and additional divs to trick FF and other browsers which follow standards work but curious what others have done. - Magento - phpBB3 - Kunena - RokBridge Specialist
No Secure Tab posts unless requested.
Use the Thank You and Life Preserver Buttons!
Your signature is also great place for setup details...help us help you!
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- Take a look at Bentobox and Technopia
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Joe Halleck
- Preeminent Rocketeer
- Posts: 5481
- Thanks: 68
- Never give up!
-
I have a new found appreciation of Bentobox. :-*
Heavy use of clear: both; and divs so if it is good enough for Andy it is good enough for me. ;D
Thanks for the tip.
Didn't realize bentobox was as intricate in the template code as it was.
BTW found a typo in the Dark version of bentobox
In template_css.css
img.alubm.right {
margin-right: 5px;
} - Last Edit: 17 years 6 months ago by Joe Halleck.
- Magento - phpBB3 - Kunena - RokBridge Specialist
No Secure Tab posts unless requested.
Use the Thank You and Life Preserver Buttons!
Your signature is also great place for setup details...help us help you!
-
-
-
- Daniel Chapman
- Elite Rocketeer
- Posts: 1258
- Thanks: 0
- BB is probably my favourite RT template ever. I have use it more times than the other templates put together.
-
www.ninjoomla.com
- The Ninjoomla Open Source Extension Club
Over 50 open source extensions and 100 videos to you build the site you want.
-
-
-
- Dan L
- Elite Rocketeer
- Posts: 1453
- Thanks: 0
-
I think BB goes a long way to prove Andy's statement about compat problems with 3rd Party components.
When I make custom templates for clients, I don't ever use tables; however, I have the advantage of (more or less) knowing exactly which comps are going to be used on a development and working round any layout issues I have. RT does not have this advantage, and the potential layout problems are immense given the exposure the templates get.
As I've said before, I think the whole thing's over hyped anyway
- Toolbox Digital | Dribbble | Forrst
-
Time to create page: 0.103 seconds