Adding divs to Header area

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
mystified
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Tue Sep 20, 2011 5:30 pm

Adding divs to Header area

Post by mystified » Tue Sep 27, 2011 7:55 pm

New to joomla. Have looked for info on subject but can't find, or I am just ignorant. :(

I want to have 3 equal size divs in header space. Know how to do in html, but no knowledge of php,yet.

Any help appreciated.

User avatar
sone12
Joomla! Champion
Joomla! Champion
Posts: 5446
Joined: Wed Oct 11, 2006 1:12 pm
Location: Kristiansand, Norway
Contact:

Re: Adding divs to Header area

Post by sone12 » Tue Sep 27, 2011 8:05 pm

Just a question, do you want three equal sized modules inside the <div id="header"> ?
Kristian P. Granrud

mystified
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Tue Sep 20, 2011 5:30 pm

Re: Adding divs to Header area

Post by mystified » Tue Sep 27, 2011 8:17 pm

25%,25%,50%, if possible.

RobbieThomp
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Thu Oct 06, 2011 6:44 am

Re: Adding divs to Header area

Post by RobbieThomp » Thu Oct 06, 2011 9:24 pm

I would like to discover this too. Ideally using a CSS soluition that works in all modern browsers.

User avatar
sone12
Joomla! Champion
Joomla! Champion
Posts: 5446
Joined: Wed Oct 11, 2006 1:12 pm
Location: Kristiansand, Norway
Contact:

Re: Adding divs to Header area

Post by sone12 » Fri Oct 07, 2011 6:12 am

normally tou can style the module with .moduletable . In the parameters for each module you can add a Module Class Suffix that will give you the possibility to style a module different from the others. Lets say you have three modules with suffix _1 , _2 and _3

Just an example.

Code: Select all

.moduletable_1 {width:25%; float:left; background:#CCC; }
.moduletable_2 {width:25%; float:left; background:red; }
.moduletable_3 {width:50%; float:left; background:#blue; }
Kristian P. Granrud


Locked

Return to “Templates for Joomla! 2.5”