Hi there! In the My Galleries section for users, just below the user information section, my tabs ('My Images', 'Add Image', 'My Galleries' and 'Create Gallery) are not aligned next to each other, but stacked on top of each, breaking the template look on the page.
I don't know if it has something to do with the <h3> span or maybe it's my general template throwing things around..?
I've seen someone else have the same problem but couldn't find any solution thus far.
Can anybody help me?

Thanks!

I can ask a number of questions, but first I need to know which version you use, e.g. RSGallery2 v3.2.0 on Joomla 2.5.6 or RSGallery2 2.3.0 on Joomla 1.5.26.

These are (currently) the latest versions of Joomla (download here: http://www.joomla.org/download.html) and RSGallery2 (see the Download buttons in the "Latest Release" section here: http://www.rsgallery2.nl/).

For example, in RSGallery2 3.1.0 there can be an issue when it's combined with other extensions using Mootools and/or tabs, that should be fixed in 3.2.0.

There are h3 tags in the HTML source code of the My Galleries page.

If you are using the latest versions of RSGallery2 and Joomla, then I'd also like to know your System Details and if you enabled Joomlas Debug or not (and if changing that setting helps).

I still need to know which version you use, either RSGallery2 v3.2.0 on Joomla 2.5.6 or RSGallery2 2.3.0 on Joomla 1.5.26?

System details can be found here

On Joomla 1.5
Backend > Site > Help > System Info > System Info
For example:
PHP Built on:    Windows
Database Version:    5.1.33-community
Database Collation:    utf8_general_ci
PHP Version:    5.2.9
Web Server:    Apache/2.2.11 (Win32)
PHP/5.2.9
Web Server to PHP interface:    apache2handler
Joomla! Version:    Joomla! 1.5.26 Stable [ senu takaa ama busani ] 27-March-2012 18:00 GMT
User Agent:    Mozilla/5.0 (Windows NT 6.0; rv:14.0) Gecko/20100101 Firefox/14.0.1

On Joomla 2.5
Backend > Site > system Information > System Information
For example:
PHP Built On    Windows
Database Version    5.1.33-community
Database Collation    utf8_general_ci
PHP Version    5.2.9
Web Server    Apache/2.2.11 (Win32) DAV/2 mod_ssl/2.2.11 OpenSSL/0.9.8i PHP/5.2.9
WebServer to PHP Interface    apache2handler
Joomla! Version    Joomla! 2.5.6 Stable [ Ember ] 19-June-2012 14:00 GMT
Joomla! Platform Version    Joomla Platform 11.4.0 Stable [ Brian Kernighan ] 03-Jan-2012 00:00 GMT
User Agent    Mozilla/5.0 (Windows NT 6.0; rv:14.0) Gecko/20100101 Firefox/14.0.1


This is already an example where information about versions you use is neccessary...
And it's always better to say that you use 3.2.0 than that you use "the lastest version". I'll give you one reason why: when I'm searching the web for answers to my questions it happens often that I find an old question which seems to be my question as well and the user says "I use the latest version", but since that time there may have been many updates. That's why I really prefer numbers :-)

Could you go to your My Galleries page and then add "&tmpl=component" to the URL and try that? That will output only the component RSGallery2's output. Does that improve things?

Do you have Debug System enabled?
Find it at Backend > Site > Global Configuration > System.
Could you see if disabling/enabling this (e.g. setting it to No/Yes) changes things? Please make sure that when you're done trying this to have it set to No on a production server.

I've attached an image where the browser window is real small, which makes the tabs move above each other. Is that what you experience? Because if the width of the space where the component is shown is not so wide, these tabs indeed move on top of each other. You could try that by (temporarily) removing the left/right columns if your template has any. If you experience something else, could you make a screenshot of that and attach it to your post?

These tabs depend on javascript. It is also possible that different javascript things combined give a conflict. To try that you could (temporarily) unpublish different modules that are not in Joomla itself. (For example: these tabs were changed between version 3.1.0 and 3.2.0 because they were done "the old Joomla 1.5"-way wich combined with a great Googlemaps plugin caused an issue. In the end RSGallery2 was changed and that Googlemaps plugin was changed by its helpfull developer Mike.)

By the way, the "h3" tag is added by the Joomla method that is used to create the panes. (For the curious ones, see line 58 on http://hg.joomla.org/joomla-platform/src/247ba8d88526/libraries/joomla/html/html/tabs.php).

These are enough questions for now, I think ;-)

While this is a workaround that you are happy with, it does not solve the issue, and it does not reveal what the issue exactly is. Changing core Joomla files should never be the actual solution.

What you show does not happen on the demosite (demo.rsgallery2.nl). I wish I could reproduce this...

It might be that MooTools and jQuery "are having a fight"? Would you be willing to install and try the "JB Library Plugin" (http://www.joomlabamboo.com/joomla-extensions/jb-library-plugin-a-free-joomla-jquery-plugin)? I did not find an entry on extensions.joomla.org for this plugin, however, a number of other extensions mention that this plugin is needed: =4247&t[]=4230]http://extensions.joomla.org/search?q=jb+library&t[]=4247&t[]=4230. It is a plugin that several people on the web refer to when one needs to avoid jQuery and Mootools conflicts.

Okay, thanks for trying, then it's not a Mootools/jQuery problem.

Could you try this, it's an attempt to fix it with styling (which is different for each Joomla template used):
Find the file /JOOMLAROOT/templates/semantic/css/template.css (assuming you are using the default RSGallery2 template Semantic) and find (parts of lines 308-325)
.rsg2 dl.tabs dt
{
background-color:White;
display:inline;
border:1px solid #919B9C;
padding:0.25em 0.5em;
}
and
.rsg2 div.current
{
border:1px solid #919B9C;
padding:0.5em;
margin-top:0.25em;
}
and change these to
.rsg2 dl.tabs dt
{
background-color:White;
display:inline;
border:1px solid #919B9C;
padding:0.25em 0.5em;
float: left;
}
and
.rsg2 div.current
{
border:1px solid #919B9C;
padding:0.5em;
margin-top:0.25em;
clear: both;
}
(a "float: left;" line and a "clear: both;" line are added).

If you don't like the white back-ground color, you can remove that line. You can even specify a different background color for the 'active' tab by
adding a line like
background-color:White;to the
.rsg2 dl.tabs dt.opensettings (which nog have a border-bottom and a font-weight).

If this does not work, could you either post or PM me the URL of your site so I can take a look?

I had the same problem...  all tabs in joomla didn't work because of artisteer template
added this code to css.. now works just fine
dl.tabs
{
float: left;
margin: 1em 0 0 0;
clear: both;
}

dl.tabs dt
{
float: left;
padding: 0 1em .7em 1em;
}

dl.tabs dt.open
{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

dl.tabs dt.closed
{
}

div.current
{
clear: both;
border: 1px solid #ccc;
padding: 1em;
}

div.current dd
{
padding: 0;
margin: 0;
}
Mod edit: the code is now in code tags.