Forum Design Bug

 

In the forum the menu structure on a topic is down the right side, vertically.  Thus, it causes a lot of wasted space on the forum topic.  The menu structure is developed using division tags.  The top division shares code with other classes.  The menu structure is:

<div class="dbTopMenu">
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
<div class="bullet">·</div>
<div class="notActive">
</div>

I did not bother to expand out the link divisions for this example. Notice the divisions used to create a bullet with a dot.  Has this been changed in a revision?  I am running 7.1 final; however, due to my modifications I did have to do the upgrade manually.

Forum_Design_Bug.jpg · 132.8K · 334 views
Geeks, making the world a better place
Quote · 25 Jan 2013

Can't reproduce on test site.

forum-layout-4.png · 191.7K · 332 views
ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 25 Jan 2013

Thanks Newton; then I have a problem on my site which I need to track down.

Can you post the code that generates your menu?  Is it created by divisions?

Geeks, making the world a better place
Quote · 25 Jan 2013

OK, I looked close at your menu and I see the bullets.  My guess is that my CSS is out of whack and that is all I need to do to fix this.  I just thought the use of a series of division tags strange; I would have used unordered lists or definition lists.

Geeks, making the world a better place
Quote · 25 Jan 2013

What is the class top_members_menu?  I see that on the actually link but it does not appear to be defined anywhere?

Geeks, making the world a better place
Quote · 25 Jan 2013

OK, I installed forums on a test bed and it is correct on the test bed.  Examining the code I see that the division on my site is wrong; it should be contained in a table, not those divisions.  So it is not CSS that is the problem it is the template.  I may have missed some files when upgrading, I have the 7.1 Final zip file so it should be easy to fix now that I know what to do.

Geeks, making the world a better place
Quote · 25 Jan 2013

I was not sure exactly where I needed to go with this.  I still have the old site that we cloned to test before going to the production site; which has a full forum with plenty of existing topics, so decided that would be wise to do first.  I just renamed the old forum directory and then uploaded the forum directory from the 7.1 zip.  Recompiled language and it seems to be OK.  Opinions?

I must have missed something in the SVN.

Geeks, making the world a better place
Quote · 25 Jan 2013

You were on the right track. It is a good start that your template has got rid of the table, it's nasty and being used in completely the wrong way. You are also right that the divs are nasty, although not as bad as the table.

Do it the way your instincts said...

<div class="wrappername">

<ul>

<li>

...

</li>

<li>

...

</li>

etc etc.

</ul>

</div>

 

Then you want css something like...

.wrappername {

float:right;

width:auto;

height:30px;

}

.wrappername ul {

list-style:<your choice of style, eg disc, sqaure, none>;

}

.wrappername ul li {

float: left

}

 

That should get you very close

 

Quote · 26 Jan 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.