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 10 of 10
  1. #1
    EGS
    EGS is offline
    New Coder
    Join Date
    Feb 2008
    Location
    New Jersey
    Posts
    61
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Question CSS Problem (I Believe)

    Hey I have a little bit of CSS problems with my cheap game gold site...hope someone here can help me.

    First issue: On the upper-right hand side, just above the live chat box, there is an off-green box floating above the navigational menu. I don't know why it's there, but how can I remove it? I believe it's a CSS issue..

    Second issue: On the "Express Checkout" on the left-hand side, there are drop-down menus. How can I make the drop-down menu for the "Amount" drop-down menu smaller in width, so that it is on the same line?


  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    the box in the upper right hand corner, had this in the HTML. Delete the highlighted red

    Code:
    <div class="holder clearfix">
    <div class="footer" id="footer">
    <div style="margin: -80px;">
    
    </div>
    	<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>
    	</div>
    </div>
    and just change the width on this class

    Code:
    element.style {
    width:130px;/*i reduced it to 130, it was 160 but u can change it*/
    }

  • Users who have thanked jcdevelopment for this post:

    EGS (07-18-2008)

  • #3
    EGS
    EGS is offline
    New Coder
    Join Date
    Feb 2008
    Location
    New Jersey
    Posts
    61
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jcdevelopment View Post
    the box in the upper right hand corner, had this in the HTML. Delete the highlighted red

    Code:
    <div class="holder clearfix">
    <div class="footer" id="footer">
    <div style="margin: -80px;">
    
    </div>
    	<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>
    	</div>
    </div>
    and just change the width on this class

    Code:
    element.style {
    width:130px;/*i reduced it to 130, it was 160 but u can change it*/
    }
    First template edit I cannot do because I do not have access to it..

  • #4
    EGS
    EGS is offline
    New Coder
    Join Date
    Feb 2008
    Location
    New Jersey
    Posts
    61
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Anymore suggestions to fix the problem..?

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,859
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    If you can edit the CSS file or add some CSS code, try by adding
    Code:
    div#footer div {
    display:none;
    }
    First template edit I cannot do because I do not have access to it..
    What type of accesses you have on the code?
    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:

    EGS (07-18-2008)

  • #6
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Do I understand it correctly that you don't have access or authorization to change the code, but you want to have it fixed? How?

    BTW, with css it is last home wins. So if you want to change "xxxx" on page "yyyy" that you don't have access to, you can change it on your local page "zzzz" and make sure it is the last css listed.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #7
    EGS
    EGS is offline
    New Coder
    Join Date
    Feb 2008
    Location
    New Jersey
    Posts
    61
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    If you can edit the CSS file or add some CSS code, try by adding
    Code:
    div#footer div {
    display:none;
    }
    What type of accesses you have on the code?
    I think that worked for the most-part, thank you!

    There's a small box in between the center content box and the live help box on the right hand side but it's hardly noticeable.

    Don't know how to fix that.

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,859
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I think that worked for the most-part, thank you!
    But what's the point in writing some markup and hiding it by CSS?
    Don't know how to fix that.
    Applying display:none; to div#footer may hide it. But you need to rethink!

    BTW, <noscript> tag should be followed by a <script> tag, say
    Code:
    <script type="script/javascript"></script>
    	<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>
    You'll get this error on validation.

    Seriously, you need to talk with the person who has control over markup and correct them all.

    After all, make sure that you have no divitis

    Edit: Ps: I like the color and layout of your site!
    Last edited by abduraooft; 07-18-2008 at 09:09 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    EGS
    EGS is offline
    New Coder
    Join Date
    Feb 2008
    Location
    New Jersey
    Posts
    61
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    But what's the point in writing some markup and hiding it by CSS?

    Applying display:none; to div#footer may hide it. But you need to rethink!

    BTW, <noscript> tag should be followed by a <script> tag, say
    Code:
    <script type="script/javascript"></script>
    	<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>
    You'll get this error on validation.

    Seriously, you need to talk with the person who has control over markup and correct them all.

    After all, make sure that you have no divitis

    Edit: Ps: I like the color and layout of your site!
    (Thanks for the kind comment about the layout.)

    I added that CSS code to hide the footer DIV. It DID fix that box but it also made my footer disappear, so that's no good.

    Any help on this and perhaps the second issue I'm having as stated in original post?

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,859
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I added that CSS code to hide the footer DIV. It DID fix that box but it also made my footer disappear, so that's no good.
    Fix all markup errors first.
    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
    •