Please Can Somone Help Me Here

Discussion in 'HTML & Website Design' started by Com, Dec 23, 2010.

  1. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #21
    div#container {
    		z-index:1;
    		width:780px;
    		padding-bottom:0px;
                    margin:0 auto; [COLOR="red"]<-- Add this to your current css[/COLOR]
    }
    
    Code (markup):
    Sorry, I may not be able to reply through PMs.
     
    radiant_luv, Dec 25, 2010 IP
  2. Com

    Com Member

    Messages:
    160
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #22
    i did it move to the center & everything didn't come up properly you can see for yourself .

     
    Com, Dec 26, 2010 IP
  3. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #23
    yes, coz you've got your markup wrong and as well as css.

    You are forcing "div#supportingText" by positioning "absolute" and you have div#supportingText in the wrong place. It can be after the block "preamble". And add float:left to "preamble".

    Take a look at the
    http://inspirationsunlimited.co.in/demos/css-layout/2-column-fluid-css-layout.html
    Code (markup):
    how the markup is done and the css.
     
    radiant_luv, Dec 26, 2010 IP
  4. Com

    Com Member

    Messages:
    160
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #24
    So what can i do now how i can fix this ? where can i edit to make it right i mean where can i add the float:left cause there are many "premble" here ?
    div#intro div#preamble {
    			position:relative;
    			width:198px;
    			
    			margin:0;
    			padding:0;
    			
    			color:#000000;
    		}
    		div#intro div#preamble h3 {
    			position:absolute;
    			top:15px;
    			right:15px;
    			
    			width: 168px;
    			height: 54px;
    			
    			margin:0;
    			padding:0;	
    		}
    		div#intro div#preamble h3 span {
    		}
    		div#intro div#preamble p {
    			margin-left:10px;
    		}
    		div#intro div#preamble p.p1 {
    			padding-top:65px;
    			margin-top:0;
    		}
    	
    	div#supportingText {
    		position:absolute;
    		z-index:10;
    		left:236px;
    		top:137px;
    		
    		padding:0 0 0 0;
    		width:516px;
    		height:395px;
    		overflow:auto;
    	}
    	div#supportingText p {
    		padding-left:35px;
    		padding-right:15px;
    	}
    	
    		div#supportingText div#explanation {
    		}
    		div#supportingText div#explanation h3 {
    			width: auto;
    			height: 15px;
    			margin:10px 0 6px 34px;
    			display:block;	
    		}
    		div#supportingText div#explanation h3 span {
    		}
    		
    		div#supportingText div#participation h3 {
    			width: auto;
    			height: 18px;
    			margin:0px 0 3px 34px;	
    		}
    		div#supportingText div#participation h3 span {
    		}
    		
    		div#supportingText div#benefits h3 {
    			width: auto;
    			height: 15px;
    			margin:0px 0 6px 34px;	
    		}
    
    Code (markup):


     
    Last edited: Dec 26, 2010
    Com, Dec 26, 2010 IP
  5. Com

    Com Member

    Messages:
    160
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #25
    Can you still help me out Please ? i did but everything did come up perfectly .

     
    Last edited: Dec 26, 2010
    Com, Dec 26, 2010 IP
  6. mintdesignnz

    mintdesignnz Peon

    Messages:
    39
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #26
    so how is the website going? just check out some online tutorials and guides. you can handle this... but if all else fails maybe you can hire a freelance web designer for a short time project to make your site look professional.
     
    mintdesignnz, Dec 28, 2010 IP