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 3 of 3
  1. #1
    New Coder
    Join Date
    Nov 2011
    Posts
    12
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Background on NAV element and border-radius issues

    I'm trying to set up a simple blog for the remainder of my semester so I can write about music and movies. I know I don't have to create any type of special design, but I want it to look at least somewhat impressive.

    The problem I'm currently having is an issue with my NAV element. I can define the width and background color, but the bar remains black outside of the defined areas. I'd like to have a transparent.

    The other issue I'm having is with the border-radius declaration in IE9. It renders appropriately in Firefox, but not IE9 for whatever reason. Any help with these two issues would be greatly appreciated. Many thanks beforehand.

    – Jake

    URL: www.musingsofaweirdguy.blogspot.com

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Line 282 of your html. This should be in a <style type="text/css"> tag

    Code:
    .tabs-outer {
       overflow: hidden;
       position: relative;
       background: #000000 none repeat scroll 0 0;
    }
    Change to:

    Code:
    .tabs-outer {
       overflow: hidden;
       position: relative;
    }
    You will see light borders now, to remove those:

    Delete <div class="tabs-cap-top cap-top"></div> and <div class="tabs-cap-bottom cap-bottom"></div>



    Should look like:
    Last edited by Sammy12; 03-13-2012 at 10:47 PM.

  • Users who have thanked Sammy12 for this post:

    Kingcripple (03-13-2012)

  • #3
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    I just noticed that you didn't create this. This is a theme, therefore the css was probably generated. I wasn't able to find any corresponding javascript/xml, so if the above method doesn't work, we are just going to have to overwrite them. Try inserting in any of your .css files (anywhere in the file):

    Code:
    .tabs-outer {
       background: none !important;
    }
    .cap-top {
       border-top: none !important;
    }
    .cap-bottom {
       border-bottom: none !important;
    }
    for border-radius, try:

    Code:
    -webkit-border-radius: value;
    -moz-border-radius: value;
    -ms-border-radius: value;
    border-radius: value;
    though I believe somewhere the css it is generated to not show the "border-radius: value;" when viewing in IE
    Last edited by Sammy12; 03-13-2012 at 11:00 PM.


  •  

    Posting Permissions

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