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
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    round corners (bear with me)

    Okey

    i want round corners but i dont want a heading in there

    basically my code looks like so:

    Here is the page if you want to look at it --> The Problem

    Code:
    <div id="skills">
    <span>
      <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
      </ul>
    </span>
    </div>
    Code:
    #skills
    {
    height:131px;
    width:90%;
    background:#FFFFFF url(blue.gif) no-repeat top left;
    
    margin:10px 0px 5px 20px;
    font-size:0.95em;
    
    padding-left:10px;
    padding-bottom:10px;
    }
    
    #skills span
    {
    background:#FFFFFF url(left.gif) right top no-repeat;
    float:right;
    padding-right:10px;
    }
    Is there anyway of doing this without a h2 header in there, simply because i want the list in there on its own, having a header in there will ruin its look.

    I tried with span and it just wont go right

    Any help or will i just have to format the h2 header and work from there

  • #2
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Even when i use a nested div i still get only 3 corners working properly

    Problem 2

  • #3
    New to the CF scene
    Join Date
    Jan 2005
    Location
    Virginia, USA
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    there is a way to use css to make rounded corners, but it only works in mozilla/firefox. I guess that doesn't help much.

  • #4
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Since you're using a fixed width div, you could apply the top left and right corners as a background of the <div> the list is in, and the bottom left and right corners as the background for the <ul>... no nested divs necessary...

  • #5
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    how do you mean, are you saying do one background outside of css and the other inside of css

    if you look at the page i havent opted for four corners (kinda stupid) so im not really sure of what you mean, if you can elabourate i would be greatful

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    No, I mean let one block element take care of one set of corners and let another take care of another.

    Here's a link to an example I typed up:

    http://richardmedek.com/temp/example8.htm

    It's simple, but it should provide a springboard for what you need... Hope this helps,

  • #7
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks alot

    i didnt really want to bump this to the top but credit where credit is due

  • #8
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Hey, you're supposed to. I'm glad it worked for you


  •  

    Posting Permissions

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