Background overlap? Please read & help, link provided.

Discussion in 'CSS' started by le007, Dec 6, 2011.

  1. msm2010

    msm2010 Greenhorn

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #21
    change
    #topbar {    background-color: black;
        border-color: white;
        border-style: solid;
        border-width: 1px 1px 1px 0;
        height: 40px;
        margin-top: 30px;
        width: 100%;


    }

    on

    #topbar {
        background-color: black;
        border-color: white;
        border-style: solid;
        border-width: 1px 0;
        height: 40px;
        margin-top: 30px;
        width: 100%;


    }

    and 

    #menu1 {
        margin-left: 350px;
        margin-top: 7px;
        overflow: hidden;
        width: 100%;


    }


    on

    #menu1 {
        margin-left: 350px;
        margin-top: 7px;
        overflow: hidden;   


    }
     
    msm2010, Dec 7, 2011 IP
  2. le007

    le007 Well-Known Member

    Messages:
    481
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #22
    WOW, thank you very much. That's works until I resize the window from maximum, the menu doesnt work properly then.

    Now for the Javascript - any chance you could help me with that please?
     
    le007, Dec 7, 2011 IP
  3. le007

    le007 Well-Known Member

    Messages:
    481
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #23
    Is there a way of putting a minimum width or something so the menu will work even if the window is re-sized?
     
    le007, Dec 7, 2011 IP
  4. msm2010

    msm2010 Greenhorn

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #24
    yes
    ok
    can you give me access to ftp, I'll do what you want?
     
    msm2010, Dec 7, 2011 IP
  5. msm2010

    msm2010 Greenhorn

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #25
    menu
    change
    .content {
        left: 0;   
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 5;


    }
    on

    .content {
       width:expression(document.body.clientWidth < 900? "900px": "auto" );
       left: 0;
        min-width: 900px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 5;



    }
     
    msm2010, Dec 7, 2011 IP
  6. msm2010

    msm2010 Greenhorn

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #26
    js

    in file index.php
    delete of body (background="http://www.standoutmodels.com/2.jpg")
    lower body put
    <style type="text/css">
    <!--
    .fon_img {
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;


    }


    .content {
    width:expression(document.body.clientWidth < 900? "900px": "auto" );
    left: 0;
    min-width: 900px;
    position: absolute;
    top: 0;
    width: 100%;
      z-index: 5;
    }

    -->
    </style>

    <img id="fon_img" class="fon_img" src="you_img" />
    <div class="content">
    <!--ALL content web site -->

    <div id="topbar">
    ........
    .......
    ......
    </div>

    </div>

    in file index.php search line 
    document.body.background=processed[inc].src
    and change 
    var img = document.getElementById("fon_img"); 
    img.src = processed[inc]; 
     
    msm2010, Dec 7, 2011 IP
  7. le007

    le007 Well-Known Member

    Messages:
    481
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #27
    You've lost me here :/

    I will private mail you :D
     
    le007, Dec 7, 2011 IP