SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    PHP Otaku Gibb's Avatar
    Join Date
    Jul 2004
    Location
    Texas
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Dropdown menu not positioned under parent tab properly

    Howdy,

    I'm trying to add a dropdown menu to my horizontal navigation. My horizontal menu is a modified version of the terrafirma menu I found on oswd.org. The dropdown menu I'm trying to use is "Drop Down Tabs (5 styles)" from dynamicdrive.com.

    I was able to get the dropdown menu to appear, but it is offset to the right based on the amount of space between my container and the edge of the browser window. It's hard to describe but I took some screenshots to show this:

    Drop down position when browser edge is up against edge of container


    Drop down position when browser edge is away from edge of container


    Here is the html I'm using for the menu:
    HTML Code:
    <div id="menu">
    <ul>
    <li class="currentpage">
    <a title="Test" href="#">Test1</a></li>
    <li><a title="Test" href="#" rel="dropmenu1_b">Test2</a></li>
    <li><a title="Test" href="#">Test3</a></li>
    <li><a title="Test" href="#">Test4</a></li>
    <li><a title="Test" href="#">Test5</a></li>
    <li><a title="Test" href="#">Test6</a></li>
    <li><a title="Test" href="#">Test7</a></li>
    </ul>
    
    <div id="cart">
    <ul>
    <li><a href="#">Shopping Cart</a></li>
    </ul>
    </div>
    </div>
    
    <!--1st drop down menu -->                                                   
    <div id="dropmenu1_b" class="dropmenudiv_b">
    <a href="#">Sublink</a>
    <a href="#">Sublink</a>
    <a href="#">Sublink</a>
    <a href="#">Sublink</a>
    <a href="#">Sublink</a>
    </div>
    
    <script type="text/javascript">
    //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
    tabdropdown.init("menu")
    </script>
    Here is the CSS code:
    Code:
    #menu
    {
    position: relative;
    background: #46461F url('../images/a16bw.gif') repeat-x;
    height: 67px;
    padding: 0px 20px 0px 5px;
    margin: 6px 0px 20px 0px;
    font-size: 14px;
    font-family: verdana;
    color: #000000;
    line-height: 18px;
    }
    #menu ul li
    {
    float: left;
    display: inline;
    line-height: 52px;
    padding-left: 3px;
    }
    #menu ul li.first
    {
    border-left: 0px;
    }
    #menu ul li a
    {
    background-color: transparent;
    background-repeat: repeat-x;
    padding: 8px 12px 8px 12px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    }
    #menu ul li a:hover
    {
    background: #fff url('../images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    }
    #menu ul li.currentpage a {
    padding: 8px 12px 8px 12px;
    background: #fff url('../images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    }
    .dropmenudiv_b{
    position:absolute;
    top: 0;
    border: 1px solid #918d8d; /*THEME CHANGE HERE*/
    border-width: 0 1px;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }
    .dropmenudiv_b a{
    width: auto;
    display: block;
    text-indent: 5px;
    border: 0 solid #918d8d; /*THEME CHANGE HERE*/
    border-bottom-width: 1px;
    padding: 2px 0;
    text-decoration: none;
    color: black;
    }
    * html .dropmenudiv_b a{ /*IE only hack*/
    width: 100%;
    }
    .dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
    background-color: #edf3f3;
    }
    TIA for any assistance anyone can offer me. I've been playing around with this for a while and I've seen this issue in IE before, but now it's occuring in Firefox, IE, and Opera.

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think the ".dropmenudiv_b" also need a position left setting, now it is up to the browser to position it.

    Edit) Also an absolute positioned box refer position to nearest parent with a position, perhaps the li would be positioned relative.
    Happy ADD/ADHD with Asperger's

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Erik has given likely causes but there is not really enough information in that snippet above for a full answer . Do you have a link as it would be easier to debug?

    You would be better off with a more semantic type nested UL aka suckerfish menus.

  4. #4
    PHP Otaku Gibb's Avatar
    Join Date
    Jul 2004
    Location
    Texas
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry for the late response getting back on this.

    I've tried numerous drop downs, including suckerfish but I'm having a lot of trouble getting anything to work right once it's in my full site.

    I've uploaded a stripped down version of the site here:

    http://www.otakuwiki.com/csstest/

    It's the fully functioning page with the drop down menu issue I described above, I just removed images and such since it's kind of an undisclosed project at the moment.

    Thanks so much for any assistance you can offer

    -Ryan

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    This isn't going to be much help but it may identify the problem. It seems that it's the position:relative on #outer and #inner that is confusing the menu.

    The left position is being worked out via the javascript from the edge of the browser window and written directly into the element as a left position. However because the stacking context caused by position relative on #outer and #inner the value for left is applied from #inner and not for the viewport.

    To show what I mean I have removed the position relatives and you can see that the menu is working.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!--
    
        terrafirma1.0 by nodethirtythree design
        http://www.nodethirtythree.com
    
    -->
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Main Page</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="include/style.css" />
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <script type="text/javascript" src="http://www.otakuwiki.com/csstest/include/dropdowntabs.js">
    
    /***********************************************
    * Drop Down Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    <style>
    /*
    
        terrafirma1.0 by nodethirtythree design
        http://www.nodethirtythree.com
    
    */
    
    *
    {
    padding: 0px;
    margin: 0px;
    }
    
    body
    {
    background: #f9f9f9 url('http://www.otakuwiki.com/csstest/images/a1b.gif') repeat-x;
    font-size: 14px;
    /* font-family: "trebuchet ms", helvetica, sans-serif; */
    font-family: Verdana, "tebuchet ms", helvetica, sans-serif;
    color: #000000;
    line-height: 18px;
    }
    
    a
    {
    color: #316da7;
    text-decoration: underline;
    }
    
    a:hover
    {
    text-decoration: none;
    }
    
    a:visited
    {
    color: #316da7;
    }
    
    sup
    {
    font-size: 0.5em;
    }
    
    
    p
    {
    margin-bottom: 14px;
    /* text-align: justify; */
    }
    
    img.picA
    {
    position: relative;
    top: -2px;
    background: url('http://www.otakuwiki.com/csstest/images/a47.gif') no-repeat;
    width: 76px;
    height: 74px;
    padding: 8px;
    }
    
    img.picB
    {
    position: relative;
    top: -2px;
    background: url('http://www.otakuwiki.com/csstest/images/a26c.gif') no-repeat;
    width: 146px;
    height: 206px;
    padding: 7px;
    }
    
    img.floatleft
    {
    float: left;
    margin: 0px 14px 3px 0px;
    }
    
    
    ul.linklist
    {
    list-style: none;
    }
    
    ul.linklist li
    {
    border-top: solid 1px #EEEEEE;
    padding-top: 5px;
    margin: 5px 0px 0px 0px;
    }
    
    ul.linklist li.first
    {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
    }
    
    #upbg
    {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff url('http://www.otakuwiki.com/csstest/images/upbgc.gif') no-repeat;
    width: 971px;
    height: 264px;
    z-index: 1;
    }
    
    #outer
    {
    
    width: 971px;
    margin: 0 auto;
    background: #fff url('http://www.otakuwiki.com/csstest/images/abgbb.gif') repeat-y;
    }
    
    #inner
    {
    
    padding: 13px 30px 13px 30px;
    z-index: 2;
    }
    
    #header
    {
    
    /* background: #FFFFFF url('http://www.otakuwiki.com/csstest/images/mainlogo.jpg') no-repeat; */
    width: 667px; 
    height: 60px;  
    color: #fff;
    padding-left: 20px;
    }
    
    #header span
    {
    font-weight: normal;
    }
    
    #header h1
    {
    position: absolute;
    font-size: 23px;
    letter-spacing: -1px;
    top: 30px;
    height: 92px;
    }
    
    #header h2
    {
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    color: #FCE2CA;
    top: 51px;
    }
    
    #header sup
    {
    color: #FCE2CA;
    }
    
    #splash
    {
    position: absolute;
    right: 30px;
    background: #EAEAE2 url('http://www.otakuwiki.com/csstest/images/a10.jpg') no-repeat;
    width: 458px;
    height: 92px;
    }
    
    #banner
    {
    position: relative;
    height: 90px;
    margin-top: 66px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    display: block;
    text-align: center;
    }
    
    #banner img
    {
    border: 0px;
    }
    
    #authentication
    {
    position: relative;
    /* margin-top: 85px; */ /* set to 85 to clear regular logo */
    margin-top: 6px;
    text-align: right;
    width: 900px;
    }
    
    #menu
    {
    position: relative;
    background: #46461F url('http://www.otakuwiki.com/csstest/images/a16bw.gif') repeat-x;
    height: 67px;
    padding: 0px 20px 0px 5px;
    margin: 6px 0px 20px 0px;
    font-size: 14px;
    font-family: verdana;
    color: #000000;
    line-height: 18px;
    }
    
    #menu ul
    {
    }
    
    #menu ul li
    {
    float: left;
    display: inline;
    line-height: 52px;
    padding-left: 3px;
    }
    
    #menu ul li.first
    {
    border-left: 0px;
    }
    
    #menu ul li a
    {
    background-color: transparent;
    background-repeat: repeat-x;
    padding: 8px 12px 8px 12px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    }
    
    #menu ul li a:hover
    {
    background: #fff url('http://www.otakuwiki.com/csstest/images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    }
    
    #menu ul li.currentpage a {
    padding: 8px 12px 8px 12px;
    background: #fff url('http://www.otakuwiki.com/csstest/images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    }
    
    .dropmenudiv_b{
    position:absolute;
    top: 0;
    border: 1px solid #918d8d; /*THEME CHANGE HERE*/
    border-width: 0 1px;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }
    
    
    .dropmenudiv_b a{
    width: auto;
    display: block;
    text-indent: 5px;
    border: 0 solid #918d8d; /*THEME CHANGE HERE*/
    border-bottom-width: 1px;
    padding: 2px 0;
    text-decoration: none;
    color: black;
    }
    
    * html .dropmenudiv_b a{ /*IE only hack*/
    width: 100&#37;;
    }
    
    .dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
    background-color: #edf3f3;
    }
    
    #menu2
    {
    position: relative;
    background: #fff url('http://www.otakuwiki.com/csstest/images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    height: 67px;
    padding: 0px 20px 0px 5px;
    /* margin: 98px 0px 20px 0px; */
    margin: 66px 0px 20px 0px;
    }
    
    #menu2 ul li a:hover
    {
    background: #fff url('http://www.otakuwiki.com/csstest/images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    }
    
    #cart
    {
    position: absolute;
    top: 0px;
    line-height: 52px;
    color: #FFFFFF;
    right: 30px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: -1px;
    }
    
    #cart ul
    {
    }
    
    #cart ul li
    {
    float: left;
    display: inline;
    line-height: 52px;
    padding-left: 3px;
    }
    
    #cart ul li.first
    {
    border-left: 0px;
    }
    
    #cart ul li a
    {
    background-color: transparent;
    background-repeat: repeat-x;
    padding: 8px 12px 8px 12px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    }
    
    #cart ul li a:hover
    {
    background: #fff url('http://www.otakuwiki.com/csstest/images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    }
    
    #cart ul li.currentpage a {
    padding: 8px 12px 8px 12px;
    background: #fff url('http://www.otakuwiki.com/csstest/images/a18.gif') repeat-x top;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    }
    
    #phone
    {
    position: absolute;
    top: 0px;
    margin-top: 30px;
    color: black;
    right: 30px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0px;
    }
    
    #secondarycontent
    {
    position: relative;
    width: 340px;
    float: right;
    }
    
    #secondarycontent h3
    {
    position: relative;
    top: 4px;
    font-size: 14px;
    line-height: 25px;
    color: black;
    letter-spacing: -1px;
    background: url('http://www.otakuwiki.com/csstest/images/a22.gif') bottom repeat-x;
    padding: 0px 0px 10px 0px;
    margin-bottom: 20px;
    }
    
    #secondarycontent .content
    {
    font-size: 14px;
    color: black;
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
    border: 2px solid #666666;
    }
    
    #secondarycontent .content .date
    {
    position: absolute;
    right: 15px;
    top: 30px;
    line-height: 35px;
    color: #AFAFA4;
    font-weight: bold;
    }
    
    #primarycontent
    {
    position: relative;
    width: 552px;
    float: left;
    }
    
    #primarycontent h3
    {
    position: relative;
    top: -20px;
    font-size: 14px;
    line-height: 25px;
    color: #656551;
    letter-spacing: -1px;
    background: url('http://www.otakuwiki.com/csstest/images/a22.gif') bottom repeat-x;
    padding: 0px 0px 10px 15px;
    margin-bottom: 5px; 
    }
    
    #primarycontent .content
    {
    padding: 0px 15px 0px 15px;
    margin-bottom: 20px;
    }
    
    #primarycontent .post
    {
    margin-bottom: 5px;
    padding: 15px;
    }
    
    #primarycontent .post .header
    {
    position: relative;
    }
    
    #primarycontent .post .date
    {
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 35px;
    color: #AFAFA4;
    font-weight: bold;
    }
    
    #primarycontent .post .content
    {
    margin-bottom: 0px;
    }
    
    #primarycontent .post .footer
    {
    position: relative;
    top: -10px;
    background: url('http://www.otakuwiki.com/csstest/images/a33b.gif') repeat-x;
    height: 64px;
    }
    
    #primarycontent .post .footer ul
    {
    list-style: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
    }
    
    #primarycontent .post .footer ul li
    {
    display: inline;
    line-height: 14px;
    padding-left: 17px;
    margin-left: 25px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    }
    
    #primarycontent .post .footer ul li.printerfriendly
    {
    background-image: url('http://www.otakuwiki.com/csstest/images/a41.gif');
    }
    
    #primarycontent .post .footer ul li.comments
    {
    background-image: url('http://www.otakuwiki.com/csstest/images/a36.gif');
    }
    
    #primarycontent .post .footer ul li.readmore
    {
    background-image: url('http://www.otakuwiki.com/csstest/images/a38.gif');
    }
    
    #primarycontent img
    {
    border: 1px solid #828282;
    padding: 3px;
    float: right;
    margin: 8px;
    }
    
    #footer
    {
    font-size: 12px;
    position: relative;
    clear: both;
    height: 245px;
    text-align: left;
    padding-left: 15px;
    color: #A8A88D;
    }
    
    #footer .copy
    {
    position: absolute;
    right: 15px;
    top: 230px;
    color: #404040;
    font-weight: bold;
    }
    
    #footer a
    {
    color: #404040;
    }
    
    td.row1 {
        background: #eeeeee;
        font-size: 12px;
    }
    
    td.row2 {
        background: #dddddd;
        font-size: 12px;
    }
    
    .tablelines {
        background: #444444;
    
    }
    /* Table Header*/
    td.primary {
        background: #FFCC33;
        color:#000000;
        font-weight: bold;
    }
    
    input.btn_grad {
        font-family: arial, helvetica;
        font-size: 8pt;
        font-weight: bold;
        color: #000000;    
        background-color: #C0C0E0;
        border: 1px solid;
        border-top-color: #666666;
        border-left-color: #666666;
        border-right-color: #000000;
        border-bottom-color: #000000;
        /* filter = IE only */
        /* filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#6699CC',EndColorStr='#274F76')"; */
    }
    
    input.btn_grad_sized {
        font-family: arial, helvetica;
        font-size: 10pt;
        font-weight: bold;
        width: 50px;
        color: #000000;    
        background-color: #C0C0E0;
        border: 1px solid;
        border-top-color: #666666;
        border-left-color: #666666;
        border-right-color: #000000;
        border-bottom-color: #000000;
        /* filter = IE only */
        /* filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#6699CC',EndColorStr='#274F76')"; */
    }
    
    input.btn_grad_sized_large {
        font-family: arial, helvetica;
        font-size: 8pt;
        font-weight: bold;
        width: 200px;
        color: #000000;    
        background-color: #C0C0E0;
        border: 1px solid;
        border-top-color: #666666;
        border-left-color: #666666;
        border-right-color: #000000;
        border-bottom-color: #000000;
        /* filter = IE only */
        /* filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#6699CC',EndColorStr='#274F76')"; */
    }
    
    
    input.btnhov {
        background-color:#FFD600;
        color: black;
    }
    </style>
    </head>
    <body>
    <div id="outer">
        <div id="upbg"></div>
        <div id="inner">
            <div id="header">
                <!-- logo -->
            </div>
            <div id="banner"> <a title="Advertisement Banner" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href);return false;" href="#"><img alt="Banner" src="http://www.otakuwiki.com/csstest/images/banner.jpg" /></a> </div>
            <div id="authentication"> login | register </div>
            <div id="menu">
                <ul>
                    <li class="currentpage"> <a title="Test" href="#">Test1</a></li>
                    <li><a title="Test" href="#" rel="dropmenu1_b">Test2</a></li>
                    <li><a title="Test" href="#">Test3</a></li>
                    <li><a title="Test" href="#">Test4</a></li>
                    <li><a title="Test" href="#">Test5</a></li>
                    <li><a title="Test" href="#">Test6</a></li>
                    <li><a title="Test" href="#">Test7</a></li>
                </ul>
                <div id="cart">
                    <ul>
                        <li><a href="#" rel="dropmenu1_cart">Shopping Cart</a></li>
                    </ul>
                </div>
            </div>
            <!--1st drop down menu -->
            <div id="dropmenu1_b" class="dropmenudiv_b"> <a href="#">Sublink</a> <a href="#">Sublink</a> <a href="#">Sublink</a> <a href="#">Sublink</a> <a href="#">Sublink</a> </div>
            <div id="dropmenu1_cart" class="dropmenudiv_b"> <a href="#">Edit</a> <a href="#">Checkout</a> Item 1<br />
                Item 2<br />
            </div>
            <script type="text/javascript">
            //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
            tabdropdown.init("menu")
            </script>
            <div id="primarycontent">
                <!-- primary content start -->
                <div class="post">
                    <div class="content">
                        <!-- content here -->
                    </div>
                </div>
                <!-- primary content end -->
            </div>
            <div id="secondarycontent">
                <!-- secondary content start -->
                <div class="content">
                    <h3>What's New!</h3>
                    <p><a href="#">New thing here</a></p>
                    <p><a href="#">New thing here as well</a></p>
                    <p><a href="#">Kind of new but getting old</a></p>
                </div>
                <!-- secondary content end -->
            </div>
            <div id="footer">
                <fieldset>
                <legend>Advertisements</legend>
                <div style="text-align: center;">
                    <!-- adverts here -->
                </div>
                </fieldset>
                <br />
                <div style="height: 2px; clear: both;">
                    <!-- spacer -->
                </div>
                <div class="copy"> COPYRIGHT &copy; 2008&nbsp;&nbsp;&nbsp;&nbsp; ALL RIGHTS RESERVED. <a title="Legal Notice" href="legal.html"
                        onclick="window.open(this.href, this.target, 'width=700,height=500,menubar=1,resizable=1,scrollbars=1'); return false;"
                        onkeypress="window.open(this.href, this.target, 'width=700,height=500,menubar=1,resizable=1,scrollbars=1'); return false;"
                        > LEGAL NOTICE</a><br />
                </div>
            </div>
        </div>
    </div>
    </body>
    </html>
    I have tried the same thing with the dynamic drive script taken directly from the site and when you set a stacking context (position:relative) on a centred page then the menus all get mis-positioned even on their demo page.

    It looks like your solution will be a change to the javascript to make the left position apply from the parent and not the browsers edge. However That is beyond my scope in the CSS forum.

    I can move the question to the javascript forum if you wish.

  6. #6
    PHP Otaku Gibb's Avatar
    Join Date
    Jul 2004
    Location
    Texas
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the response Paul.

    I haven't even looked at the javascript file haha. My javascript skills are even worse than my CSS skills, if you can imagine, but I'd like to take a look at it first before this thread gets thrown into the javascript forum. I'll look around then rephrase my question for that forum if I can't figure it out.

    Thanks
    -Ryan

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    OK Ryan - no problem Sorry I couldn't give a solution but my javascript is pretty basic.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •