fodo
01-26-2009, 12:06 PM
i have a list that use an image instead of a bullet.
I cant get the list to align to the left.It insist on centering.
Can anyone help please.
link http://217.46.159.226/kb_ie6/what_coaching.php
css
body{
margin:0;
padding:0;
line-height: 1em;
background:#ffffff;
text-align:center;
}
b{font-size: 110%;}
em{color: gold;}
#contentcolumn h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:20px;
font-weight:bold;
color:#gold;
padding:10px;
}
#contentcolumn{
/* padding-left: 5px;make space for content*/
}
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:5px;
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0px;
padding-top: 15px;
}
.logo h1{
margin:0px;
padding:0;
}
#contentwrapper{
float: left;
width: 100%;
background:#000000;
}
#contentcolumn{
margin-left: 385px; /*Set left margin to LeftColumnWidth*/
margin-top:10px;
}
#leftcolumn{
float: left;
width: 385px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
/*background: #C8FC98;*/
}
#footer{
clear: left;
width: 100%;
background: #90bade;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin-left:0px; /* Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-left:30px;
}
.endorsement img{
text-align:left;
}
span.kb {
font-weight:bold;
font-style: italic;
color:#CCFF00;
}
.blockquote {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#CCFF00;
padding:5px;
text-align:left;
}
.cite {
text-align:right;
color:#FFFFFF;
}
h2{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:14px;
font-style: italic;
color:#CCFF00;
padding:5px;
text-align:left;
}
.heading {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#FFFFFF;
padding:5px;
text-align:left;
line-height:normal;
text-indent:5px;
}
#list ul {
margin:0;
padding:0;
list-style-type:none;
margin-left:15px;
text-align:left;
width:440px;
}
li.list{
list-style-image: url(../images/arrow_green.gif);
font-family:Tahoma,'Lucida Gande',Arial,sans-serif;
font-size: 12px;
color:#FFFFFF;
}
}
*h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#ffffff;
padding:10px;
text-align: center;
}
/*blueblock menu*/
#blueblock{
float:left;
width: 200px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-left:0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}
* html #blueblock{ /*IE 6 only */
w\idth: 167px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}
#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
for ie 6
body{
margin:0;
padding:0;
line-height: 1em;
background:#ffffff;
text-align:center;
}
b{font-size: 110%;}
em{color: gold;}
#contentcolumn h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:20px;
font-weight:bold;
color:#gold;
padding:10px;
}
#contentcolumn{
/* padding-left: 5px;make space for content*/
}
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:5px;
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0px;
padding-top: 15px;
}
.logo h1{
margin:0px;
padding:0;
}
#contentwrapper{
float: left;
width: 100%;
background:#000000;
}
#contentcolumn{
margin-left: 385px; /*Set left margin to LeftColumnWidth*/
margin-top:10px;
}
#leftcolumn{
float: left;
width: 385px; /*Width of left column*/
margin-left: -870px; /*Set left margin to -(MainContainerWidth)*/
/*background: #C8FC98;*/
}
#footer{
clear: left;
width: 100%;
background: #90bade;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin-left:0px; /* Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-left:0px;
}
.endorsement img{
text-align:left;
}
span.kb {
font-weight:bold;
font-style: italic;
color:#CCFF00;
}
.blockquote {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#CCFF00;
padding:5px;
text-align:left;
}
.cite {
text-align:right;
color:#FFFFFF;
}
h2{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:14px;
font-style: italic;
color:#CCFF00;
padding:5px;
text-align:left;
}
.heading {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#FFFFFF;
padding:5px;
text-align:left;
line-height:normal;
text-indent:5px;
}
#list ul {
margin:0;
padding:0;
list-style-type:none;
margin-left:15px;
text-align:left;
width:440px;
}
li.list{
list-style-image: url(../images/arrow_green.gif);
font-family:Tahoma,'Lucida Gande',Arial,sans-serif;
font-size: 12px;
color:#FFFFFF;
text-align:left;
}
}
*h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#ffffff;
padding:10px;
text-align: center;
}
/*blueblock menu*/
#blueblock{
float:left;
width: 200px;
border-right: 1px solid #000;
padding: 0 0 1em 30px;
margin-bottom: 1em;
margin-left:0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}
* html #blueblock{ /*IE 6 only */
w\idth: 167px; /*Box model bug: 180px minus all left and right paddings for #blueblock*/
}
#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
I cant get the list to align to the left.It insist on centering.
Can anyone help please.
link http://217.46.159.226/kb_ie6/what_coaching.php
css
body{
margin:0;
padding:0;
line-height: 1em;
background:#ffffff;
text-align:center;
}
b{font-size: 110%;}
em{color: gold;}
#contentcolumn h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:20px;
font-weight:bold;
color:#gold;
padding:10px;
}
#contentcolumn{
/* padding-left: 5px;make space for content*/
}
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:5px;
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0px;
padding-top: 15px;
}
.logo h1{
margin:0px;
padding:0;
}
#contentwrapper{
float: left;
width: 100%;
background:#000000;
}
#contentcolumn{
margin-left: 385px; /*Set left margin to LeftColumnWidth*/
margin-top:10px;
}
#leftcolumn{
float: left;
width: 385px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
/*background: #C8FC98;*/
}
#footer{
clear: left;
width: 100%;
background: #90bade;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin-left:0px; /* Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-left:30px;
}
.endorsement img{
text-align:left;
}
span.kb {
font-weight:bold;
font-style: italic;
color:#CCFF00;
}
.blockquote {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#CCFF00;
padding:5px;
text-align:left;
}
.cite {
text-align:right;
color:#FFFFFF;
}
h2{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:14px;
font-style: italic;
color:#CCFF00;
padding:5px;
text-align:left;
}
.heading {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#FFFFFF;
padding:5px;
text-align:left;
line-height:normal;
text-indent:5px;
}
#list ul {
margin:0;
padding:0;
list-style-type:none;
margin-left:15px;
text-align:left;
width:440px;
}
li.list{
list-style-image: url(../images/arrow_green.gif);
font-family:Tahoma,'Lucida Gande',Arial,sans-serif;
font-size: 12px;
color:#FFFFFF;
}
}
*h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#ffffff;
padding:10px;
text-align: center;
}
/*blueblock menu*/
#blueblock{
float:left;
width: 200px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-left:0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}
* html #blueblock{ /*IE 6 only */
w\idth: 167px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}
#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
for ie 6
body{
margin:0;
padding:0;
line-height: 1em;
background:#ffffff;
text-align:center;
}
b{font-size: 110%;}
em{color: gold;}
#contentcolumn h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:20px;
font-weight:bold;
color:#gold;
padding:10px;
}
#contentcolumn{
/* padding-left: 5px;make space for content*/
}
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:5px;
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0px;
padding-top: 15px;
}
.logo h1{
margin:0px;
padding:0;
}
#contentwrapper{
float: left;
width: 100%;
background:#000000;
}
#contentcolumn{
margin-left: 385px; /*Set left margin to LeftColumnWidth*/
margin-top:10px;
}
#leftcolumn{
float: left;
width: 385px; /*Width of left column*/
margin-left: -870px; /*Set left margin to -(MainContainerWidth)*/
/*background: #C8FC98;*/
}
#footer{
clear: left;
width: 100%;
background: #90bade;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin-left:0px; /* Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-left:0px;
}
.endorsement img{
text-align:left;
}
span.kb {
font-weight:bold;
font-style: italic;
color:#CCFF00;
}
.blockquote {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#CCFF00;
padding:5px;
text-align:left;
}
.cite {
text-align:right;
color:#FFFFFF;
}
h2{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:14px;
font-style: italic;
color:#CCFF00;
padding:5px;
text-align:left;
}
.heading {
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#FFFFFF;
padding:5px;
text-align:left;
line-height:normal;
text-indent:5px;
}
#list ul {
margin:0;
padding:0;
list-style-type:none;
margin-left:15px;
text-align:left;
width:440px;
}
li.list{
list-style-image: url(../images/arrow_green.gif);
font-family:Tahoma,'Lucida Gande',Arial,sans-serif;
font-size: 12px;
color:#FFFFFF;
text-align:left;
}
}
*h1{
font-family:Tahoma,'Lucida Grande',Arial,sans-serif;
font-size:12px;
color:#ffffff;
padding:10px;
text-align: center;
}
/*blueblock menu*/
#blueblock{
float:left;
width: 200px;
border-right: 1px solid #000;
padding: 0 0 1em 30px;
margin-bottom: 1em;
margin-left:0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}
* html #blueblock{ /*IE 6 only */
w\idth: 167px; /*Box model bug: 180px minus all left and right paddings for #blueblock*/
}
#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}