css dropdown menu for frame based website

Discussion in 'HTML & Website Design' started by Silenced27, Jun 15, 2012.

  1. #1
    Hi everyone!

    I'm got a situation here, I would like to add a menu to my game and have found a good css one but when adding it with my other frames it is getting cut off.

    i simply want a drop down menu to be at the top of the page but when im adding as a frame the dropdown menus are getting cut out, how can i achieve this?


    help is appreciated! :)
     
    Silenced27, Jun 15, 2012 IP
  2. NathanCH

    NathanCH Well-Known Member

    Messages:
    806
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Can you post a link to the problem. This would be almost impossible to solve without know exactly what is going on. At least post your current markup
     
    NathanCH, Jun 15, 2012 IP
  3. Emitstop

    Emitstop Greenhorn

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    I agree with Nathan. Without a link it would be nearly impossible to solve this problem, because we can't tell exactly what is going on. As Nathan suggested a viable alternative would be to post your current markup.
     
    Emitstop, Jun 15, 2012 IP
  4. Silenced27

    Silenced27 Active Member

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #4
    alright guys heres the link:

    http://www.powerofdomination.com/test.php

    hover over the menu items and see how the dropdown menu is getting cut out because of the frame?

    how can i make it so that the dropdown menu's go on TOP of the other frame below.

    on that page is 2 frames; top one is the drop down menu (css) second one is blank.
     
    Silenced27, Jun 16, 2012 IP
  5. Silenced27

    Silenced27 Active Member

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #5
    so how can this be possible?
     
    Silenced27, Jun 16, 2012 IP
  6. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #6
    If your only reason for using frames is to have a frame for the menu, get rid of the frames.
     
    Rukbat, Jun 17, 2012 IP
  7. Ev0Lv

    Ev0Lv Greenhorn

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #7
    Yea you can do it another way. One of this ways is to get rid of the frames.
     
    Ev0Lv, Jun 17, 2012 IP
  8. Silenced27

    Silenced27 Active Member

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #8
    how can i do that?

    my browser game is built around frames, what would i need to change?
     
    Silenced27, Jun 19, 2012 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #9
    This is 2012, what are you doing using frames? I mean, it's only been on the 'do not use if you care about accessibility' lists for a decade or more...
     
    deathshadow, Jun 19, 2012 IP
  10. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #10
    What you would need to change is the frames. Get rid of them. Learn AJAX. Learn CSS. Learn that it's the 3rd millennium.

    @deathshadow:
    "the only thing you can learn from jquery is how not to learn Javascript." doesn't mean that there's anything wroing with using some jQuery if you already know Javascript. Many people don't have the time to develop their own libraries.
     
    Rukbat, Jun 19, 2012 IP
  11. Silenced27

    Silenced27 Active Member

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #11
    ok ive started searching about how to turn frames in css but all im finding is people asking questions back in 2005!

    can you point me to a site that shows you step by step how to do it?
    i found some css code
    <!DOCTYPE html
            PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/1999/xhtml/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Example of CCS-simulated framed page</title>
    
    <style type="text/css">
            body {
                    margin: 0;
                    padding: 0 10px 0 10px;
                    height: 100%;
                    overflow-y: auto;
            }
    
            #content {
                    margin: 113px 0px 0px 150px;
                    display: block;
                    padding: 10px;
            }
    
            #header {
                    display: block;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 112px;
                    position: fixed;
                    background-color: #ffffff;
                    border: 1px solid #888;
            }
    
            #navigation {
                    display: block;
                    top: 113px;
                    left: 0px;
                    width: 142px;
                    height: 100%;
                    position: fixed;
                    border: 1px solid #888;
            }
    
            * html #header {position: absolute;}
            * html #navigation {position: absolute;}
    </style>
    
    <!--[if lte IE 6]>
       <style type="text/css">
       /*<![CDATA[*/
    html {overflow-x: auto; overflow-y: hidden;}
       /*]]>*/
       </style>
    <![endif]-->
    
    </head>
    
    <body>
    
    <div id="header">
    
    </div>
    
    <div id="navigation">
    
    </div>
    
    <div id="content">
    
    </div>
    
    </body>
    </html>
    Code (markup):
    but how exactly do i use this?
    my guess is:
    this page is all the pages but with different content?
    your help is appreciated!

    EDIT: this is for a browser based game and it uses php etc
     
    Silenced27, Jun 20, 2012 IP
  12. Silenced27

    Silenced27 Active Member

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #12
    update:

    ok well ive played around with it abit and its starting to look alright
    the thing is tho:

    isn't this just giving me more work?
    i mean like if i want to add a new feature i would need to add it to every single page :( am i missing something here?

    i have 4 divs
    1:top bar
    2: dropdown menu
    3:navigation menu
    4: content

    how can i update one file and have it update all the other pages?
    EDIT: what i mean is, if i add a new menu item. how can i just update 1 page and it updates all the divs 1,2 and 3 for all pages?
     
    Last edited: Jun 20, 2012
    Silenced27, Jun 20, 2012 IP
  13. premd

    premd Member

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #13
    Approximately, there is code called position:relative; or position:absolute; try this it may be usefull to you.

    thank you
     
    premd, Jun 21, 2012 IP
  14. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #14
    Algorithms & Data Structures.pdf It's called "computer programming", and you have to learn it before any site can help you do it.

    Yes. You include one file of all the things you want to include on every page, like a menu. Then if you want to add something, you add it to that file and it gets included on every page. You learn things like that when you learn programming (and you spend a few years doing it - actually developing websitews, as opposed to playing around, which is what you're doing now, isn't something you learn in a few months - and there's no way someone can "teach" you the experience, you have to get it by doing it).
     
    Rukbat, Jun 21, 2012 IP
  15. Silenced27

    Silenced27 Active Member

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #15
    can close this - got a freelancer to do it for me for $2 i ended up using an divs and for the different pages an iframe :)
     
    Silenced27, Jun 25, 2012 IP