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
    Regular Coder
    Join Date
    Dec 2009
    Posts
    243
    Thanks
    7
    Thanked 0 Times in 0 Posts

    How Do I Move The Date Box Back Up To Orignal Place?

    Alright Guys I had the date box section in the right place before I added the productlicense box.. I need to move it back, so that it looks like in this image please http://www.supreme-host.com/web/categories.html

    I have tried all differnt combinations but cant seem to figure out how to get in to appear at the top right hand corner before I had the second div to it..

    Source Code
    [code]
    <div id="middle">
    Testing
    <div class="productboxheader">
    <img src="images/productheader.jpg" width="485" height="38" />

    </div>
    <div class="productbox">
    <div class="producttitle">Getting Introduced to Oil Painting </div>
    <div class="productlicense">(Master Resale &amp; Private Label Rights Included)
    </div>
    <div class="datebox">
    <div align="center">
    Added:
    DEC/09/2009

    </div>

    </div>
    </div>

    <div class="productbottom">
    </div>
    </div>
    {/code]

    css code
    Code:
    	/************************************************
    
    *	Middle Column 		    	        	        * 
    
    ************************************************/
    
    
    
    #middle {
    
    	float: left;
    
    	width: 485px;
    
    	margin: 0px 0px 0px 10px;
    
    	padding: 0px;
    
    	line-height: 20px;
    
    	display: inline;
    
    	}
    	
    .productboxheader {
    
    	background: #FFFFFF;
    
    	float: left;
    
    	width: 485px;
    	
    	height: 38px;
    
    	margin: 0px 0px 0px 0px;
    
    	padding: 0px 0px 0px 0px;
    
    	
    	}
    	
    
    	.productbox {
    
    	background: #FFFFFF;
    
    	float: left;
    
    	width: 481px;
    	
    	margin: 0px 0px 0px 0px;
    
    	padding: 0px 0px 0px 0px;
    
    	border-left: 2px solid #9B9B9B;
    
    	border-right: 2px solid #9B9B9B;
    
        font-size: 11px;
    
    	font-family: Tahoma;
    	
    	font-weight: Bold;
    
    	color: #359CBB;
    
        
    		}
    		
    
    	.producttitle {
    
    	background: #FFFFFF;
    
    	float: left;
    
    	width: 362px;
    	
    	height: 25px;
    	
    	margin: 15px 3px 0px 18px;
    
    	font-size: 12px;
    
    	font-family: Tahoma;
    	
    	font-weight: Bold;
    
    	color: #17279e;
    
        
    		}
    		
    		
    	.productlicense {
    
    	background: #FFFFFF;
    
    	float: left;
    
    	width: 362px;
    	
    	margin: 0px 3px 0px 18px;
    
    	font-size: 11px;
    
    	font-family: Tahoma;
    	
    	font-weight: Bold;
    
    	color: #dc1400;
    
        
    		}
    	
    .productbottom {
    
        background: #FFFFFF url(images/productbottom.jpg) no-repeat;
    
    	float: left;
    
    	width: 485px;
    	
    	height: 25px;
    
    	margin: 0px 0px 0px 0px;
    
    	padding: 0px 0px 10px 0px;
    
    	
    	}
    
    .datebox {
    
    	background: #FFFFFF;
    
    	float: left;
    
    	width: 74px;
    	
    	height: 36px;
    	
    	margin: 11px 0px 0px 0px;
    
    	padding: 5px 7px 10px 7px;
    
    	border: 2px solid #9B9B9B;
    
        font-size: 11px;
    
    	font-family: Tahoma;
    	
    	font-weight: Bold;
    
    	color: #030000;
    
        
    		}

  • #2
    Regular Coder hdewantara's Avatar
    Join Date
    Aug 2009
    Location
    Jakarta, Indonesia.
    Posts
    374
    Thanks
    9
    Thanked 55 Times in 54 Posts
    I thought this might
    give a hint...
    PHP Code:
    <html>
    <
    head>
    <
    title>test</title>

    <
    style type="text/css">
    #middle {
        
    floatleft;
        
    width485px;
        
    line-height20px;
    }
        
    .
    productboxheader {
        
    width485px;
        
    height38px;
    }

    .
    productbox {
        
    border-left2px solid #9B9B9B;
        
    border-right2px solid #9B9B9B;
        
    border-bottom2px solid #9B9B9B;
        
    font-size11px;
        
    font-familyTahoma;
        
    font-weightBold;
        
    color#359CBB;
        
    padding1em 1em 0em 1em;
    }
            
    .
    producttitle {
        
    font-size12px;
        
    font-familyTahoma;
        
    font-weightBold;
        
    color#17279e;
    }
            
    .
    productlicense {
        
    font-size11px;
        
    font-familyTahoma;
        
    font-weightBold;
        
    color#dc1400;
    }
        
    .
    datebox {
        
    floatright;
        
    width74px;
        
    padding5px 7px 10px 7px;
        
    border2px solid #9B9B9B;
        
    font-size11px;
        
    font-familyTahoma;
        
    font-weightBold;
        
    color#030000;
        
    text-aligncenter;
        
    line-height.9em;
    }

    .
    productcontent{
        
    border-top1px dotted #9B9B9B;
        
    border-bottom1px dotted #9B9B9B;
    }

    .
    productdiv{
        
    text-aligncenter;
    }

    .
    productbottom {
        
    backgroundurl(http://www.supreme-host.com/web/images/productbottom.jpg) no-repeat;
        
    width485px;
        
    height25px;
    }
    </
    style>
    </
    head>

    <
    body>

    <
    div id="middle">
        <
    div class="productboxheader"><img src="http://www.supreme-host.com/web/images/productheader.jpg" /></div>

        <
    div class="productbox">
            <
    div class="datebox">AddedDEC/09/2009</div>
            <
    div class="producttitle">Getting Introduced to Oil Painting </div>
            <
    div class="productlicense">(Master Resale &amp; Private Label Rights Included)</div>
            <
    div class="productcontent">
              
    blablabla 
            
    </div>
            <
    div class="productdiv">DOWNLOAD MOREINFO VIEWSALESPAGE</div>
        </
    div>

        <
    div class="productbox">
            <
    div class="datebox">AddedDEC/09/2009</div>
            <
    div class="producttitle">Getting Introduced to Oil Painting </div>
            <
    div class="productlicense">(Master Resale &amp; Private Label Rights Included)</div>
            <
    div class="productcontent">
              
    blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
            
    </div>
            <
    div class="productdiv">DOWNLOAD MOREINFO VIEWSALESPAGE</div>
        </
    div>

        <
    div class="productbox">
            <
    div class="datebox">AddedDEC/09/2009</div>
            <
    div class="producttitle">Getting Introduced to Oil Painting </div>
            <
    div class="productlicense">(Master Resale &amp; Private Label Rights Included)</div>
            <
    div class="productcontent">
              
    blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
              blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
            
    </div>
            <
    div class="productdiv">DOWNLOAD MOREINFO VIEWSALESPAGE</div>
        </
    div>

        <
    div class="productbottom"></div>
    </
    div>

    </
    body>
    </
    html


  •  

    Posting Permissions

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