Display:block not working on sub-links (urgent!)
4 posters
Page 1 of 1
Display:block not working on sub-links (urgent!)
Hi guys, I want forum's sub-links to be in seperate rows instead of being in one.
So instead of this:
link1 link2 link3 link4
I want it to be:
link1
link2
link3
link4
I've tried adding display:block in my css but it doesn't seem to do the trick.
Here is my index_box template:
And this is the css:
http://gtfo.justgoo.com/
I'm using phBB2 version.
So instead of this:
link1 link2 link3 link4
I want it to be:
link1
link2
link3
link4
I've tried adding display:block in my css but it doesn't seem to do the trick.
Here is my index_box template:
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="4" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<div class="nimg">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<div class="desc1">
<center>
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</center>
<span class="genmed">
{catrow.forumrow.FORUM_DESC}
</span>
</div>
</td>
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<div class="mlinkai1">
<center>
<div class="mlinkai2">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
</center>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</div>
</td>
<td class="row3 over" align="center" valign="middle" height="50px">
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<div style="border:solid #040404 4px; width:200px; height:115px; background:url(http://i.imgur.com/Dk0QYSd.png);"><div style="padding-top:22px;"><div class="neziureksuka"><b>{catrow.forumrow.TOPICS}</b> topics || <b>{catrow.forumrow.POSTS}</b> posts<br>{catrow.forumrow.LAST_POST}</div></div></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
And this is the css:
- Code:
.nimg {
margin-top:10px;
}
.mlinkai1 {
display:block;
height:116px;
margin-top:10px;
width:200px;
background-color:#050505;
}
.mlinkai2 {
color:#050505;
width:190px;
padding-top:50px;
height:50px;
overflow:auto;
text-transform:uppercase;
font-size:10px;
}
.desc1 {
height:74px;
margin-top:10px;
width:400px;
background-color:#050505;
}
.desc3 {
margin-top:-14px;
width:380px;
margin-left:10px;
height:1px;
border-bottom: dashed 1px;
}
.desc2 {
width:380px;
padding-left:10px;
height:45px;
overflow:auto;
margin-top:5px;
font-family:times new roman;
line-height:120%;
text-transform:uppercase;
font-size:7px;
letter-spacing:1px;
text-align:justify;
}
http://gtfo.justgoo.com/
I'm using phBB2 version.
Last edited by Julija on March 8th 2015, 10:44 am; edited 2 times in total
Julija- Forumember
- Posts : 48
Reputation : 0
Language : english
Re: Display:block not working on sub-links (urgent!)
Hello,
Could we have your forum URL please where guests can see this problem so we can help you?
Could we have your forum URL please where guests can see this problem so we can help you?
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Julija- Forumember
- Posts : 48
Reputation : 0
Language : english
Re: Display:block not working on sub-links (urgent!)
Hello @Julija,
Try using the direct child ( > ) and wildcard ( * ) selectors to render the direct children of the subnav as block-level elements.
Try using the direct child ( > ) and wildcard ( * ) selectors to render the direct children of the subnav as block-level elements.
- Code:
div.nav > * { display:block }
Re: Display:block not working on sub-links (urgent!)
Worked like a charm. Thanks!!
Julija- Forumember
- Posts : 48
Reputation : 0
Language : english
Similar topics
» Display: none not working with navbar
» Zeo Activity Points Forum Issues
» Links Not Working
» Choose what links to display in the toolbar menu
» Back links not working
» Zeo Activity Points Forum Issues
» Links Not Working
» Choose what links to display in the toolbar menu
» Back links not working
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum