Free CSS modifications for your website/blog

Hello. I'm Ahsan and having been doing online web business for more than 8 years. I would like to do some free CSS modifications on any website/blog. It could be a modification or any issues you are having with CSS or HTML. Please note that this offer is only for first 5 entries.

 

hello i could REALLY REALLY use your help with css

 

Hello
I would need your help with this. I want to align my menu bar to the center / or / make it aligned 100%. Rather 100% than centered.

Thank you!

Code is:

.clsSubNav { 
	padding-top:0px;
}
.clsListingHead {
	padding-top:20px;
	min-height:56px;
	_height:76px;
}
.clsListingHead h2 { 
	font-family:Impact; 
	font-size:22px; 
	font-weight:normal; 
	color:#676768;
}
.clsSubMenu{
	overflow:hidden;
	zoom:1;
	_height:1%;
	_overflow:visible;
}
	.clsSubMenu li{
		
		float:left;
		
	}
			.clsSubMenu li a{
			background:url(../../images/screen_gray/bg-menutoright.png) no-repeat right top;
	      		padding-left:14px;
            height:46px;
            line-height:46px;
            position: relative;
            display:table;

           
		border-left:1px solid #c2c2c2;
            float:center;
        }
            .clsSubMenu li a span{
                background:url(../../images/screen_gray/bg-menutoleft.png) no-repeat left top;
                color:#000;
                font-family:"Segoe UI";
                font-weight:normal;
                font-size:16px;
                padding:0 31px 0 17px;
                height:46px;
                line-height:46px;
                position: relative;
                display:table;
                border-right:1px solid #c2c2c2;
                float:center;
                

                
            }
		
		.clsSubMenu li a:hover, .clsSubMenu .clsActiveListing a{
			background:url(../../images/screen_gray/bg-menulefthover.png) no-repeat left top;
		}
			.clsSubMenu li a:hover span, .clsSubMenu .clsActiveListing a span{
				background:url(../../images/screen_gray/bg-menutorighthover.png) no-repeat right top;
				color:#000;
			}

Code (markup):

 

@Kurt Whittingham: Please send me details about your problem. Thnaks

 

Kindly send me your Html code in which you have this menu so that I can look properly into this matter. Thanks

 

Thank you, code for the file is below.. The name of the file is "subMenuIndex.tpl"

 

@oskars: Here is you centered menu.... Please edit your css file...

.clsSubNav {
padding-top:0px;
margin: auto;
width: 1020px;

}
.clsListingHead {
padding-top:20px;
min-height:56px;
_height:76px;
}
.clsListingHead h2 {
font-family:Impact;
font-size:22px;
font-weight:normal;
color:#676768;
}
.clsSubMenu{
overflow:hidden;
zoom:1;
_height:1%;
_overflow:visible;
}
.clsSubMenu li{

float:left;

}
.clsSubMenu li a{
background:url(../../images/screen_gray/bg-menutoright.png) no-repeat right top;
padding-left:14px;
height:46px;
line-height:46px;
position: relative;
display:table;


border-left:1px solid #c2c2c2;
float:center;
}
.clsSubMenu li a span{
background:url(../../images/screen_gray/bg-menutoleft.png) no-repeat left top;
color:#000;
font-family:"Segoe UI";
font-weight:normal;
font-size:16px;
padding:0 31px 0 17px;
height:46px;
line-height:46px;
position: relative;
display:table;
border-right:1px solid #c2c2c2;
float:center;



}

.clsSubMenu li a:hover, .clsSubMenu .clsActiveListing a{
background:url(../../images/screen_gray/bg-menulefthover.png) no-repeat left top;
}
.clsSubMenu li a:hover span, .clsSubMenu .clsActiveListing a span{
background:url(../../images/screen_gray/bg-menutorighthover.png) no-repeat right top;
color:#000;
}

 

Thank you, however that didn't work either Any ideas?

 

Tried it local by creating a .html file and using that css and working fine but doesn't work on the website..

 

Clear your cache and history then check it again.

 

I know that much actually But didn't solve it, got a new code from a guy and it worked fine. Thank you anyway

 

Ok, That's great