ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Design notthe same when logged in and out

December 07, 2008 12:30pm

Subscribe [0]
  • #1 / Dec 07, 2008 12:30pm

    Avril

    98 posts

    Hi,

    I’m encountering a problem that I haven’t encountered before.

    Attachment “logged in.jpg” has the correct layout but attachment “logged out.jpg” is different.
    You will notice that the right nav vertical isn’t there anymore and that the Text + all the rest has been moved to the right.
    Actually the right nav vertical box is now located at the bottom.

    my css code:

    .content_body {
        width: 480px;
        height: auto;
        position: relative;
        font-size: 14px;
        left: 15px;
        top: -15px;
        float: left;
    }
    
    .content_body a {
        text-decoration: underline;
        color: #696952;
    }
    
    .content_body a:hover {
        text-decoration: none;
        color: #696952;
    }
    
    .content_body ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    .content_body_title {
        text-decoration: underline;
        font-style: italic;
        font-size: 18px;
    }
    
    .nav_box {
        width: 200px;
        height: auto;
        position: relative;
        float: left;
        left: 20px;
        font-size: 13px;
        border-left: 1px dotted #ceceb6;
        padding: 0 0 15px 10px;
    }
    
    .nav_box ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    .nav_box li {
        position: relative;
        left: 10px;
    }
    
    .nav_box p {
        text-decoration: underline;
        position: relative;
        font-size: 18px;
    }
    
    .nav_box a {
        color: #333333;
        text-decoration: underline;
    }
    
    .nav_box a:hover {
        text-decoration: none;
    }

    my html code:

    <div class="content_body">
            <div class="content_spacer"></div><!-- end div width_spacer -->
            
                {exp:weblog:entries weblog="caro_avril" limit="5" sortby="date"}
                
                    <a href="http://{url_title_path=" title="{title}" target="_parent" rel="noopener">{title}</a>
                    
                         Ajouté le {date_heading}{entry_date format="%d - %M - %Y"}{/date_heading} dans la categorie {categories}<a href="http://{path=">{category_name}</a>{/categories} par {author}
                    
                                    
                    {text}
                
                {/exp:weblog:entries}
            
            </div><!-- end div content_body -->
            
            <div class="nav_box">
    
                <ul>
                    
                    Categories
                    
                    {exp:weblog:categories}
                    
                        <li><a href="http://{path=caro_avril/categories}">{category_name} ({count})</a></li>
                    
                    {/exp:weblog:categories}
                    
                    Archives
                                    
                    {exp:weblog:month_links weblog="caro_avril" limit"100"}
                                        
                        <li><a href="http://{path=caro_avril/archives}">{month}, {year}</a></li>
                                        
                    {/exp:weblog:month_links}
                                    
                </ul>
    
            </div><!-- end div nav_box -->
            
        <div class="clear"></div><!-- end div clear -->
.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases