SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout problem cause javascript calendar appear below.

    Dear All,
    Can you visit this link http://183.78.169.54/v3/addTab.php then press the tab Drive Licenses and then press the pick button for the license expiry date and you will notice the calendar appear at the bottom. The problem if I put my codes in tab style then only this problem occur in normal case(without tab) is ok. I guess is some layout problem but dont know where is the cause of it.

  2. #2
    SitePoint Enthusiast Matt G.'s Avatar
    Join Date
    May 2011
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I usually do not like using margin negatives, but in this case, I would try it. go ahead and add this code.

    Code:
    ... style="margin-top: -300px" ...
    excuse the dots and change 300 to whatever works.

    Hope this helps
    Matt,

    edit: I see the following code might be an issue. Not completely sure though

    Code:
    top: 459px;

  3. #3
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    Which location must I exactly add this in the head section or build new style ?

  4. #4
    SitePoint Enthusiast Matt G.'s Avatar
    Join Date
    May 2011
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I edited my post, There might be code which may be causing some issues.

    the following code

    Code:
    <table id="epoch_popup_calendar" class="calendar" classname="calendar" style="position: absolute; top: 459px; left: 187px; display: block; ">

  5. #5
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    I have added right at the top like this. Still the same.

    <style>
    top: 459px;

  6. #6
    SitePoint Enthusiast Matt G.'s Avatar
    Join Date
    May 2011
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have to take away the


    Code:
    top: 459px;
    from

    Code:
    <table id="epoch_popup_calendar" class="calendar" classname="calendar" style="position: absolute; top: 459px; left: 187px; display: block; ">
    or you need to choose a smaller value.

  7. #7
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    This is not part of my code but I guess is generated by the javascript or their .css file? Any idea where it comes from?

  8. #8
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    I guess is via their javascript .js file. But I dont find the 459 value in their source file.

  9. #9
    SitePoint Enthusiast Matt G.'s Avatar
    Join Date
    May 2011
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yup, that was my browsers fault. Don't know why it is coming up. You can try taking away

    Code:
    #epoch_popup_calendar
     { 
    top: 120px; 
    }
    from your style sheet.

  10. #10
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    Removed it still no luck. Is quite challenging eventhough a small matter I really lost hope you guys can see the light.

  11. #11
    SitePoint Enthusiast Matt G.'s Avatar
    Join Date
    May 2011
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    add this to the top of your css file for epoch

    Code:
    #epoch_popup_calendar {
    margin-top: -300px;
    }
    Like said, I usually do not like using margin negatives, but in this case, It might work.

  12. #12
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    Great it works just need some aligntment slightly need to push to right a bit. Actually how is this margin-top: -300px; works I want to learn rather then just using it. Thank you.

  13. #13
    SitePoint Guru
    Join Date
    Feb 2007
    Posts
    874
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dear Matt,
    If you are free can you explain the logic behind the margin-top: -300px;


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
  •