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

Page 16 of 22

Show 40 post(s) from this thread on one page

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)

tommythejoat

04-29-2012 03:17 AM

It is possible that something else got altered in our customized styles but this part seemed so simple that I don't really see how.

Here is a link to the site to see what it looks like. http://mb.nawcc.org you do not need to be logged in the see the irregular formatting.

Lynne

04-29-2012 03:15 PM

The only page I see the subforums listed in columns is on the main page. None of the forumdisplay pages have that, so I am not seeing any problem at all.

tommythejoat

04-29-2012 04:42 PM

I thought we were talking about the listing of subforums on the main page. That is what I was using your css for.

Since the upgrade the right hand columns do not align between categories. Before the upgrade all the right hand columns started on the same column position. I had thought that the ol 100% list followed by the 1i 50% width would control the alignment.

The person who set up the styles for that display is no longer available, so maybe I just need to study it some more if you say it is unrelated to this css discussion.

Lynne

04-29-2012 10:39 PM

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.

nextdayonline

05-29-2012 05:28 PM

Thanks, just used this in one of our forums. Great help!

slinky

07-14-2012 12:39 AM

Quote:

Originally Posted by Lynne (Post 2324482)

I'm not sure what you mean. I just tested that on my default 4.1.12 site and it looks the same on the forum.php page as on the forumdisplay.php page.

Lynne - this is perhaps one of the most useful articles in the 10+ years I have been around. I can't tell you how much work it saves so many people trying to accomplish the same and used to do with awful plugins.

Lynne

07-14-2012 01:00 AM

I'm glad you found it useful. :)

Dr Aj642

07-21-2012 03:48 AM

Hi Lynne,

Thanks for putting this code up. So i managed to split a specific category. This category has 30 forums in it. So i was thinking this code would split 15 on the left and 15 on the right. Instead it has done 12 on the left and 18 on the right. Any ideas on how to fix this? I've tried fiddling with some percentages, but i'm lost.

Help would be appreciated thanks.

Lynne

07-21-2012 04:21 PM

Quote:

Originally Posted by Dr Aj642 (Post 2350019)

How about a link to view the problem? (If a forum name is really long, then it may 'push' another forum to be listed underneath it instead of beside it.)

Dr Aj642

07-22-2012 04:45 AM

Quote:

Originally Posted by Lynne (Post 2350188)

How about a link to view the problem? (If a forum name is really long, then it may 'push' another forum to be listed underneath it instead of beside it.)

Here is what it looks like http://abasketballjones.com/wp-conte...rum-column.png

The above image is only half of it. But still you see whats happened.

This is the code i put in:

Code:

#cat18 .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {

  border-top: 0;

}

#cat18 .forumrow .table {

  height: 100px;

}

#cat18 ol.childforum {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

}

#cat18 .childforum li.forumbit_post {

  float: left;

  width: 50%;

  margin: 0;

  padding: 0;

  clear:none;

}

#cat18 #forums .L1 .L2 {

  clear:none;

}

#cat18 .forumbit_post .forumrow .forumlastpost {

  clear:both;

  width:95%;

}

#cat18 .forumbit_post .forumlastpost .lastpostby {

  display: block;

  float: left;

}

#cat18 .forumbit_post .forumlastpost .lastpostdate {

  display: block;

  float: right;

}

#cat18 .forumbit_post .forumlastpost .lastposttitle {

  display: block;

  float: left;

}

#cat18 .forumbit_post .foruminfo {

  clear:right;

  float:left;

  min-width:50%;

  width:70%;

}

#cat18 .forumbit_post .forumstats, .forumbit_post .forumstats_2 {

  width:20%;

}

All times are GMT. The time now is 05:52 AM.

Page 16 of 22

« First

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01581 seconds Memory Usage 1,746KB 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 (3)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: