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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    help with css3 boxes

    I've create a box with this settings

    Code:
    .rbox{
    	margin-left:auto;
    	margin-right:auto;
    	width:750px;
    	height:480px;
    	background-color:#CACACA;
    	border: 1px solid #FFFFFF;
    	padding: 5px;
        -moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px; /* future proofing */
    	-khtml-border-radius: 10px; /* for old Konqueror browsers */
    	box-shadow: 0px 0px 20px #FFFFFF;
    	-webkit-box-reflect: below 15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent), to(rgba(255,255,255,0.2)));
    }
    the question is
    can I create another box inside a box?
    I've tried creating a smaller duplicate of the settings above
    but no box is shown


    update:
    never mind
    just got it solved
    Last edited by skeith; 08-05-2011 at 04:55 PM. Reason: never mind, just got it solved

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,219
    Thanks
    23
    Thanked 606 Times in 605 Posts
    Yeah you can:

    <div class="rbox"><div class="rbox" style="width:550px;height:100px;background-color:red;"></div></div>


  •  

    Posting Permissions

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