Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Locked Topic
[Solved] Increase Board Size; CSS
Topic Started: Mar 21 2014, 08:06 PM (501 Views)
x DamnLol
Member
[ *  * ]
What would I change to make the 2nd forum size, be the same as the first? (2 different boards)
Basically so the forum fits properly

Posted Image
Edited by x DamnLol, Mar 21 2014, 08:06 PM.
Offline Profile Goto Top
 
Liam
Member Avatar
~

I'm no expert when it comes to themes, but it looks like the second forum is smaller as it doesn't have any topics in it (see how the first forum has a topic in it - one line is the topic title and the second line is the topic information).

Try moving a topic to the trash can and see if it makes a difference. ^_^

Liam
Offline Profile Goto Top
 
x DamnLol
Member
[ *  * ]
It does increase the size from top to bottom, but not the length
In the first one, the forum stretches all the way to the borders, but the second one doesnt (even after i post things in the forum)
Offline Profile Goto Top
 
Jason
Member Avatar
Member
[ *  *  *  *  * ]
Links to both forums would be helpful to pinpoint the issue.
Offline Profile Goto Top
 
x DamnLol
Member
[ *  * ]
ill pm them to you lout
Offline Profile Goto Top
 
ksh
Member
[ *  * ]
Best way is to give it a min-height or a set height.

Below the Board
Code:
 
<script type="text/javascript">$("tr.forum td.c_last").each(function(){$(this).html('<div class="c_last_dv">'+$(this).html()+'</div>');});</script>


In CSS:
Code:
 
div.c_last_dv
{
min-height: 20px;
}


Feel free to change 20px to whatever value. You can also set a fixed height by using height instead of min-height.
Offline Profile Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
ksh
Mar 22 2014, 02:12 AM
Best way is to give it a min-height or a set height.

Below the Board
Code:
 
<script type="text/javascript">$("tr.forum td.c_last").each(function(){$(this).html('<div class="c_last_dv">'+$(this).html()+'</div>');});</script>
Code:
 
<script type="text/javascript">$("tr.forum td.c_last").wrap('<div class="c_last_dv"></div>');</script>


Surely using that would be an easier way of doing that.
Offline Profile Goto Top
 
ksh
Member
[ *  * ]
Yes; correct. It is shorter and easier. But .wrap requires more processing. Mine is a tad longer, but it is faster. Try profiling both codes yourself. :) Also, feel free to read up on the source code of .wrap() function. It is open source. It's best to save processing power when you can. It may be small, but little by little, they add up.

Source code for jQuery 1.7.1. Search for "wrap: ".

Edit: this would be better.
Code:
 
<script type="text/javascript">$("tr.forum td.c_last").each(function(){this.innerHTML='<div class="c_last_dv">'+this.innerHTML+'</div>'});</script>


That way, I don't need to have jQuery process this via $(this) and then calling .html(). I probably should've done it this way.
Edited by ksh, Mar 23 2014, 01:48 AM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Locked Topic