vb.org Archive - [HOW TO - vB4] Two column forum/sub-forum setup via CSS only

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4 Articles (https://vborg.vbsupport.ru/forumdisplay.php?f=242)

- - [HOW TO - vB4] Two column forum/sub-forum setup via CSS only (https://vborg.vbsupport.ru/showthread.php?t=228484)

As I said, I need a link to the site/style in order to view the problem. I like to use firebug for CSS issues and I can't do that without a link to the site/style.

Quote:

Originally Posted by Lynne (Post 2324725)

Ah, I see what you mean. You said it differed from forum to forum and I thought you meant looking at one forum page (forumdisplay) versus another (cuz if you have subforums on those pages, then the code will align them on those pages also).

If you look at the page using firebug, you'll see that the width given to each of the <li> is different. You need to do something to set those to 100%. You'll have to play with it a bit cuz lists are a bit odd with CSS.

This response sf from a while ago, but I had some time today to look at it again and I remain confused about what is going on. I examined several of the li tags with FireBug and they all are pretty much the same. Where would I find the width you are referring to above?

Here is what the code looks like.

html:

HTML Code:

<li class="subforum">

<img id="forum_statusicon_291" class="inlineimg" border="0" alt="" src="images/statusicon/subforum_old-48.png">

<a href="forumdisplay.php?291-Moderator-Procedures-and-Training-Project">Moderator Procedures and Training Project</a>

</li>

css:

Code:

.subforums ol.subforumlist {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

.subforumlist li.subforum {

    clear: none;

    float: left;

    margin: 0;

    padding: 0;

    width: 50%;

}

The css looks just like your example to me but there does not seem to be any width control. I suppose it is possible that the containers have different widths, but visibly they are the same for each of the categories.:confused:

Quote:

Originally Posted by Lynne (Post 2351348)

As I said, I need a link to the site/style in order to view the problem. I like to use firebug for CSS issues and I can't do that without a link to the site/style.

Ok, here it is.

http://abasketballjones.com/forum/forum.php?styleid=3

Hope that helps.

Cheers Lynne

Quote:

Originally Posted by Dr Aj642 (Post 2354913)

Ok, here it is.

http://abasketballjones.com/forum/forum.php?styleid=3

Hope that helps.

Cheers Lynne

You should increase the min-height for ".forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow" to something like 100px or so and see if that fixes it.

Quote:

Originally Posted by Lynne (Post 2354997)

You should increase the min-height for ".forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow" to something like 100px or so and see if that fixes it.

Still the same :(

Strange how it hasn't evenly split them 15 on the left and 15 on the right...

Someone has created a mod that splits categories which is exactly what i want, but bad thing is, the mod hasn't been updated so you can't choose which one you want split...

dammit

I'm on the same situation, so i'm trying to play with the codes to see if it fixes. And the problem is in the same side of the category, so there must be something on it or... something.
If I get to fix it earlier I'll let you know :P

Quote:

Originally Posted by Dr Aj642 (Post 2355163)

I still see the min-height set at 58px.

When I change it using firebug, the site looks fine.

Hi Lynne, i had the same problem as Dr Aj but I could fix it with that you said, but another issue came right after that one.

On the left side, the last forum looks like... deeper from the other ones, I dont really know how to describe it.
Here, I leave you the link so you can check it by yourselve:

http://forum.arsmagnum.com/forum.php

it is at the "Anime & Manga" Category.

Plus... Is there anyway that I can change that option of min-heigh only in one category? I've been trying but I dont know how

Quote:

Originally Posted by ArsMagnum (Post 2356794)

You have your min-height set to 95px, I think it needs to be larger. If you only want it for that one category, then use the category id:

#c_cat18 .forumbit_nopost .forumbit_nopost .forumrow, #c_cat18 .forumbit_post .forumrow {min-height: 105px;}

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_html_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03721 seconds Memory Usage 1,750KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_html_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: