Subfora w dwóch kolumnach.

[heteryk]

Cześć. Mam problem ze zrobieniem subforów w dwóch kolumnach.

Wiem, że takich tematów było sporo, próbowałem zrobić kolumny na podstawie : http://forum.invisionize.pl/topic/27190-subfora-w-trzech-kolumnach/, http://webmasteruj.pl/poradnik-jak-wykonac-subfora-w-2-3-kolumnach-vt410.htm , 

Jednak nie pomogło mi to

Kiedy postępowałem zgodnie ze wskazówkami DawPi, zniknęły mi opisy działów, a gdy zamieniałem logi w ipb.styless_css zniknęła mi tabelka serwerów ,a same subfora poukładały się pionowo.

Edytowane 20 Stycznia 2015 przez heteryk

[DawPi]

Przy braku opisów działów miałeś dwie kolumny tak jak chciałeś?

[heteryk]

Nie, kolumny były w 1 ciągłym rządku. Poza tym u mnie nie ma drugiego kodu w logach, który podałeś.

[heteryk]

A mianowicie, brak mi tego kodu :

                                          <if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">
                                                <br />
                                                <ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id]}'>
                                                    <foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
                                                        <if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>
                                                            <a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a>
                                                        </li>
                                                    </foreach>
                                                </ol>
                                            </if>
                                                                    
                                            <p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>

[DawPi]

Musisz go mieć na pewno. Może lekko inny, ale generalnie ten.

[heteryk]

Okej, znalazłem go, lecz to nie zmienia faktu, że po zmienieniu pierwszego logu giną mi opisy działów.

[DawPi]

Daj kod jaki wklepujesz.

[heteryk]

według naxo muszę zmienić to : 

table.ipb_table .subforums {
margin-top: 3px;
float: left;
width: 33%;
}

table.ipb_table .subforums1 {
width: 33%;
}

table.ipb_table .subforums2 {
width: 33%;
}

 

 

na to :

table.ipb_table .subforums {
        margin-top: 3px;                                
        float: left;                            
        width: 50%;
}
                
table.ipb_table .subforums1 {                        
        width: 50%;                            
}

table.ipb_table .subforums2 {                        
        width: 50%;                            
}

 

Lecz ja tego pierwszego kodu nie mam.

Tu jest cały log z TABLES:

 

/* TABLE STYLES */

 

table.ipb_table {

width: 100%;

line-height: 1.3;

}

 

table.ipb_table td {

padding: 10px;

}

 

table.ipb_table tr.unread h4 { font-weight: bold; }

table.ipb_table tr.highlighted td { border-bottom: 0; }

 

table.ipb_table th {

font-size: 11px;

font-weight: bold;

padding: 8px 6px;

}

 

.last_post { margin-left: 45px; }

.last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content{ line-height: 18px; }

#user_notifications_link_menucontent .list_content{ line-height: 130%; }

.col_c_post .ipsUserPhotoLink{ margin-top: -1px; }

.forum_desc{ padding-top: 5px; }

 

table.ipb_table h4,

table.ipb_table .topic_title {

font-size: 12px;

display: inline-block;

}

 

table.ipb_table  .unread .topic_title { font-weight: bold; }

table.ipb_table .ipsModMenu { visibility: hidden; }

table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }

 

#announcements h4 { display: inline; }

#announcements td {  }

.announcement img{ margin-right: 4px; }

 

.forum_data {

font-size: 11px;

color: #5c5c5c;

display: inline-block;

white-space: nowrap;

margin: 0px 0 0 8px;

}

 

.desc_more {

background: url('{style_images_url}/desc_more.png') no-repeat top;

display: inline-block;

width: 13px; height: 13px;

text-indent: -2000em;

}

.desc_more:hover { background-position: bottom; }

 

.category_block .ipb_table h4 { /*font-size: 15px; word-wrap: break-word;*/ }

 

table.ipb_table .subforums {

margin: 7px 0 3px 0px;

overflow: hidden;

}

 

table.ipb_table .subforums li{

background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;

padding: 0 15px 0 15px;

margin: 0;

float: left;

}

 

table.ipb_table .subforums li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }

 

table.ipb_table .expander { 

visibility: hidden;

width: 16px;

height: 16px;

display: inline-block;

}

table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }

table.ipb_table td.col_f_preview { cursor: pointer; }

table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }

table.ipb_table .expander.closed { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 0; }

table.ipb_table .expander.open { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 -19px; }

table.ipb_table .expander.loading { background: url('{style_images_url}/loading.gif') no-repeat; }

table.ipb_table .preview td {

padding: 20px 10px 20px 29px;

z-index: 20000;

border-top: 0;

}

 

table.ipb_table .preview td > div {

line-height: 1.4;

position: relative;

}

 

table.ipb_table .preview td {

-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);

-moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);

box-shadow: 0px 4px 5px rgba(0,0,0,0.15);

}

 

.preview_col {

margin-left: 80px;

}

 

.preview_info {

padding-bottom: 3px;

margin: -3px 0 3px;

}

 

table.ipb_table .mini_pagination { opacity: 0.5; }

table.ipb_table tr:hover .mini_pagination { opacity: 1; }

 

 

Może będziesz wiedział co muszę zmienić na co, żeby mieć subfora w 2 kolumnach.  ( to jest ipb_styles.css )