Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder lokeshshettyk's Avatar
    Join Date
    Aug 2008
    Location
    On the way to the moon!
    Posts
    157
    Thanks
    5
    Thanked 20 Times in 20 Posts

    Problem with UL hide show CSS.

    Hey
    I have a serious problem with with a UL appearing under the other DIVs. Can someone please help with this?
    Here is the URL in question http://celebrity.aol.co.uk/ - look for the more link on the search bar

    Cheers

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I have a serious problem with with a UL appearing under the other DIVs.
    Please tell us the issue(and browser, if it's specific for that) rather than letting us to guess.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Mar 2006
    Posts
    478
    Thanks
    3
    Thanked 0 Times in 0 Posts
    well after looking at the site shown above i see that the 'more' drop down menu is not topmost and in view, it is shown behind the 'flash' movie images.

    the 'more' menu shows incorrect like this in both Firefox and Internet Explorer 7 on Win XP

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    OK, have a try with
    Code:
    #searchFrame {/*application.css (line 946)*/
    background-color:#6E2657;
    border:4px solid #6E2657;
    /*overflow:hidden;*/
    width:46.6em;
    }
    Code:
    <div id="searchFrame">
    		<form method="get" action="/search/" name="search" id="search">
    			<label class="noShow" for="eleven"/>
    			<input type="text" value="" onfocus="this.style.color='#000000';this.value='';" id="elevenSearch" name="q"/>
    </form>			
    <div id="searchButton"><a href="javascript:document.search.submit();" title="Search">SEARCH</a></div> 
    <div style="clear: both;"></div>
    		
    	</div>
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    lokeshshettyk (10-28-2008)

  • #5
    Regular Coder lokeshshettyk's Avatar
    Join Date
    Aug 2008
    Location
    On the way to the moon!
    Posts
    157
    Thanks
    5
    Thanked 20 Times in 20 Posts
    Hey Guys,
    I am extremely sorry for not being specific. I am currently using IE6 and FF2 on Win XP. I have tried what abduraooft has asked me to and got it to work a little better and it now comes over the search input box. But it still goes under the movie module. Please help

    Note : the code that abduraooft mentioned has not been updated on the site yet.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Well, have a try with
    Code:
    div#header {/*application.css (line 861)*/
    background-color:transparent;
    margin:0pt auto;
    /*position:relative;*/
    width:980px;
    }
    Last edited by abduraooft; 10-28-2008 at 02:12 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    lokeshshettyk (10-28-2008)

  • #7
    Regular Coder lokeshshettyk's Avatar
    Join Date
    Aug 2008
    Location
    On the way to the moon!
    Posts
    157
    Thanks
    5
    Thanked 20 Times in 20 Posts
    Hey,
    Thanks a ton for your response. Tried what you said and it still goes under the movie module. Please help

    Cheers

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Not sure, but try the following.
    Code:
    div#mainContainer > div#content {/*application.css (line 95)*/
    /*left:auto;*/
    position:relative;
    width:98em;
    z-index:-1;
    }
    div#content {/*application.css (line 81)*/
    /*left:0.1em;*/
    margin:0pt;
    overflow:hidden;
    padding:0pt;
    position:relative;
    width:98em;
    }
    #searchFrame {/*application.css (line 946)*/
    background-color:#6E2657;
    border:4px solid #6E2657;
    position:relative;
    width:46.6em;
    z-index:-1;
    }
    btw, have tested in FF3?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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