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 Coder
    Join Date
    Jun 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Rounded Corners Problem.

    Well, I finally applied my layout I've been designing for my site to my forums. All was going well until I tried to make rounded corners for the head of my tables. I was attempting this effect with nested divs, but instead of doing like it should (creating rounded corners), it went all over the place.

    Any help?

    Link to problem
    Link to CSS

    By the way, both the template HTML and CSS validates fine.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by IHMUN View Post
    Well, I finally applied my layout I've been designing for my site to my forums. All was going well until I tried to make rounded corners for the head of my tables. I was attempting this effect with nested divs, but instead of doing like it should (creating rounded corners), it went all over the place.

    Any help?

    Link to problem
    Link to CSS

    By the way, both the template HTML and CSS validates fine.
    I cannot help you with tables, I don't use them; but the url following is about rounded corners and there others in the "Sources file in my signature,

    http://www.html.it/articoli/nifty/index.html

    Frank

    http://exitfegs.co.uk/Sources.html
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Jun 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The problem is not table based at all. The nested divs are supposed to rest above the table.

    Code:
    <div class="cat_head">
    	<div class="cat_head_right">
    		<div class="cat_head_left" align="center">
    			<span style="white-space:nowrap;"><a href="./index.php?mark=forums&amp;sid=0d5a8588eca41362f429e562ff0d6373">Mark forums read</a></span>	</div>
    	</div>
    </div>

  • #4
    New Coder
    Join Date
    Jun 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, Im close to having it working. All I have left is to get the right corner and I should have it.

  • #5
    New Coder
    Join Date
    Jun 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Got it working 100&#37;, now I just need a bit of help removing the white space between the round corners and table.

  • #6
    me2
    me2 is offline
    New Coder
    Join Date
    Oct 2007
    Posts
    88
    Thanks
    8
    Thanked 3 Times in 3 Posts
    use
    position: relative;
    top: 15px;

    to move the header up and down.. be careful to make sure it works in all browsers

  • #7
    New Coder
    Join Date
    Jun 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I really appreciate the good responses. Thanks everyone who posted help. It is finally working.

  • #8
    Regular Coder oldcrazylegs's Avatar
    Join Date
    Feb 2004
    Location
    East Moline Illinois USA
    Posts
    414
    Thanks
    4
    Thanked 5 Times in 4 Posts

    cool tool

    here is a cool tool that will generate the graphics and the div tags for you. all you have to do is provide the colors for the images.

    http://www.neuroticweb.com/recursos/css-rounded-box/


  •  

    Posting Permissions

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