Results 1 to 1 of 1

Thread: Can someone help me please????

  1. #1
    johnny_claude20 Guest

    Can someone help me please????

    Hi
    I don't know much about web design or working with html, css, xml. However i'm trying to build my website and my host is one.com. I didn't like the templates they offered on their website so I downloaded a free template from the internet in .css format and uploaded the files into one.com. The problem that I have is when I edit this free template using one.com webeditor and then publish, I see that the content of the whole website shifts left(not centered anymore) I asked one.com about the problem and they told me that the template(css format) isn't compatible with their webeditor and to have everything centered I need to edit the file as an html and then upload it into one.com. Can anyone help me have all the content centered please by editing the html for my website??
    I use internet explored 8
    thank u very much
    heres my website: www.inspiresouls.com

    css file
    Code:
    /*
    Design by Metamorphosis Design
    http://www.metamorphozis.com
    Released for free under a Creative Commons Attribution 2.5 License
    */
    
    *
    {
    margin: 0px;
    padding: 0px;
    }
    
    a{
    	color: #b22d00;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight:bold;
    	text-decoration:none;
    }
    
    a:hover {
    	text-decoration: none;
    	color: #000000;
    }
    
    body{
    	background: url(images/bg_all.jpg);
    	background-repeat:repeat-y;
    	background-position: top center;
    	background-color: #282828;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #464646;
    }
    
    #content{
    	margin: 0 auto;
    	width: 1014px;
    	text-align: left;
    }
    
    #content_bg{
    	background: url(images/con_bg.jpg);
    	background-repeat:no-repeat;
    	background-position:top center;
    }
    
    #main{
    	width: 1000px;
    	margin: 0 auto;
    	clear:both;
    	margin-top: 19px;
    }
    
    #header {
    	height: 145px;
    	width: 1014px;
    }
    
    #logo {
    	text-align: right;
    	width: 770px;
    	padding-left: 50px;
    	padding-top: 20px;
    }
    
    
    #logo a {
    	text-decoration: none;
    	text-transform: lowercase;
    	font-style: italic;
    	font-size: 18px;
    	color: #ffffff;
    }
    #logo H2 a{
    	font-size: 12px;
    }
    
    #menu{
    	width: 1009px;
    	height: 40px;
    	padding-right:5px;
    	border-bottom: 5px solid #ffffff;
    	
    }
    
    #menu ul {
    	float:right;
    	list-style: none;
    }
    
    #menu li {
    	display: inline;
    	
    }
    
    #menu a {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	float: left;
    	width: 110px;
    	height: 25px;
    	display: block;
    	text-align: center;
    	text-decoration: none;
    	color: #ffffff;
    	font-weight: normal;
    	padding-top: 15px;
    	font-size: 16px;
    	background: url(images/menubg.png);
    	background-repeat:no-repeat;
    	background-position:left bottom;
    	margin-right: 2px;
    }
    
    #menu a:hover{
    	width: 110px;
    	height: 25px;
    	background: url(images/menuhov.png);
    	background-repeat:no-repeat;
    	background-position:left bottom;
    	text-decoration: none;
    }
    
    #left{
    	width: 540px;
    	margin-left: 5px;
    }
    
    #left p{
    	color: #ffffff;
    	padding-bottom: 10px;
    }
    
    #left a{
    	font-weight:bold;
    	color: #a1a1a1;
    }
    
    H3{
    	font-family: Arial, "Times New Roman", Times, serif;
    	font-size: 16px;	
    	font-weight: normal;
    	color: #a1a1a1;
    	padding-bottom: 10px;
    	padding-left: 2px;
    	padding-top: 5px;
    }
    
    #right{
    	float: right;
    	width: 439px;
    	margin-right: 5px;
    }
    
    #right_top{
    	background: url(images/right_top.png);
    	background-repeat:no-repeat;
    	background-position:top;
    	height: 10px;
    }
    
    #right_bg{
    	background: url(images/right_bg.png);
    	background-repeat:repeat-y;
    	background-position:center;
    	padding-left: 16px;
    	padding-right: 16px;
    }
    
    #right_bot{
    	background: url(images/right_bot.png);
    	background-repeat:no-repeat;
    	background-position:top;
    	height: 10px;
    }
    
    #right H4{
    	font-family: Arial, "Times New Roman", Times, serif;
    	font-size: 16px;
    	font-weight: normal;
    	color: #910000;
    	padding-bottom: 10px;
    }
    
    .read{
    	text-align:right;
    	background: url(images/read.png);
    	background-repeat:no-repeat;
    	background-position:right bottom;
    	height: 15px;
    }
    
    .read a{
    	color: #ffffff;
    	font-weight:normal;
    	padding-right: 7px;
    }
    
    #right p {
    	margin: 0;
    	padding: 0;
    	padding-bottom: 10px;
    }
    
    #cen_top{
    	background: url(images/cen_top.png);
    	background-repeat:no-repeat;
    	background-position:top;
    	height:9px;
    	width: 1000px;
    }
    
    #cen_bg{
    	background: url(images/cen_bg.png);
    	background-repeat:repeat-y;
    	padding-bottom: 10px;
    }
    
    #cen_bot{
    	background: url(images/cen_bot.png);
    	background-repeat:no-repeat;
    	background-position:top;
    	height:9px;
    }
    
    #col1{
    	float:left;
    	width: 321px;
    	padding-left: 8px;
    	padding-right: 5px;
    }
    
    #col2{
    	float:left;
    	width: 321px;
    	padding-left: 7px;
    	padding-right: 5px;
    
    }
    
    #col3{
    	float:left;
    	width: 321px;
    	padding-left: 3px;
    	padding-right: 5px;
    
    }
    
    h5{
    	background: url(images/cen_title.png);
    	background-repeat:no-repeat;
    	background-position:top;
    	font-family: Arial, "Times New Roman", Times, serif;
    	font-weight:bold;
    	font-size: 12px;
    	color: #910000;
    	padding-left: 20px;
    	height: 17px;
    	width: 302px;
    	margin-bottom: 10px;
    	text-decoration: underline;
    }
    
    #footer {
    	height: 50px;
    	padding-top: 18px;
    	clear: both;
    	background: url(images/footer.jpg);
    	background-repeat:repeat-x;
    	background-position:top;
    	margin-top: 10px;
    }
    
    #footer p {
    	margin: 0;
    	font-size: 10px;
    	text-align: center;
    	color: #ffffff;
    }
    
    #footer a {
    	color: #ffffff;
    	font-weight: normal;
    }
    Last edited by is_numeric; 13 Aug 2010 at 09:33 AM. Reason: code tags added

Posting Permissions

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