Page 1 of 2 12 LastLast
Results 1 to 10 of 17

Thread: show hide Image wrapp is out of place in IE

  1. #1
    Join Date
    Dec 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default show hide Image wrapp is out of place in IE

    http://www.capoeiracanal.co.uk/capoe...es-mon-fri.php

    Please can someone find a solution to this. I have tried adjusting the left: px but it ever is out in IE or FF??

    Please scroll over
    Monday and Friday evenings 7 pm - 9 pm.

    Thank you!

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Try making a div that will hold both of the 2 sidebars, then use a getElementById.
    EDIT: You posted in the java forum not javascript!
    2nd EDIT: Can we see your code?
    Last edited by Nile; 02-03-2008 at 06:00 PM. Reason: Editing
    Jeremy | jfein.net

  3. #3
    Join Date
    Dec 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Try making a div that will hold both of the 2 sidebars, then use a getElementById.
    sounds good, but don't know what a get element is!

    Ok sorry for posting here! should I repost in the javascript?

    2nd EDIT: Can we see your code?
    ??

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Can we see your js code so I can edit it and turn it into getElementById.
    Jeremy | jfein.net

  5. #5
    Join Date
    Dec 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok, sorry! yes yes.

    HTML Code:
    <script type="text/javascript" language="JavaScript"><!--
    function HideContent(d) {
    document.getElementById(d).style.display = "none";
    }
    function ShowContent(d) {
    document.getElementById(d).style.display = "block";
    }
    function ReverseDisplay(d) {
    if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
    else { document.getElementById(d).style.display = "none"; }
    }
    //--></script>

  6. #6
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Put both of the things in the same div.
    Jeremy | jfein.net

  7. #7
    Join Date
    Dec 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hey sorry, wrong code. This is it.

    <script type="text/javascript" language="JavaScript"> <!--
    function HideContent(d) {
    if(d.length < 1) { return; }
    document.getElementById(d).style.display = "none";
    }
    function ShowContent(d) {
    if(d.length < 1) { return; }
    document.getElementById(d).style.display = "block";
    }
    function ReverseContentDisplay(d) {
    if(d.length < 1) { return; }
    if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
    else { document.getElementById(d).style.display = "none"; }
    }
    //-->
    </script>
    <script type="text/javascript">

  8. #8
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Like I said
    Quote Originally Posted by Nile View Post
    Put both of the things in the same div.
    Jeremy | jfein.net

  9. #9
    Join Date
    Dec 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    How ?

    Code:
    <div id="mon-fri-wrapper" "fri-mon-wrapper" style="display: inline;">
    Last edited by Oak; 02-03-2008 at 06:51 PM.

  10. #10
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    You would need to put 'em both in the same div like this:
    Code:
    <div id="mon-fri-wrapper" style="display: inline;">
    And then you would want to create a <span> with the id of: "fri-mon-wrapper"
    So like this:
    Code:
    <div id="mon-fri-wrapper" style="display: inline;"><!--everyhting--!><span id="fri-mon-wrapper"><!--Links--!></span></div>
    Jeremy | jfein.net

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
  •