Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
boa tarde, gostaria de alinhar um list-style-image
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/ymaILzx.png&key=4af94cb09a4057615be5e537890863a80650d44c7b0c6250235cd778025724e7" alt="ymaILzx.png" />
atualmente esta assim... como faço para trazer todos para canto esquerdo ? eu dei float left mas nem vai ...
.menu ul{margin:0;padding:0;}
.menu ul li{float: left;list-style-image: url(../images/seta_menu.png);}
.menu ul li:hover{list-style-image: url(../images/seta_menuhover.png);}
.menu ul li a{float: left;font-family:'candarabold';font-size: 14px;color:#2F0103;padding:4px;}
.menu ul li a:hover{color:#A72527;}
Em vez de colocar apropiedade list-style-image, faça assim:
<ul>
<li>Produtos <img src="sua img" class="img"></li>
<li>Produtos <img src="sua img" class="img"></li>
<li>Produtos <img src="sua img" class="img"></li>
</ul>
<style> list-style: none;
} float: left;
margin-left: 20px;
}
.img{
float: right;
}
</style>nem fica gohorse assim , ai no hover da merda ... ja resolvi ja vlw a tentativa abraços ...
resolvido usei background mesmo
ficou assim então se alguem tiver mesmo problema
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/NNdJSUa.png&key=f145d1f1c4cf82fcb02f3e14d17dfe76909f742adc4b79f7d0971d49f87083bd" alt="NNdJSUa.png" />
.menu ul{margin:0;padding:0;list-style: none;}
.menu ul li{float: left;background: url(../images/seta_menu.png) no-repeat 16px 2px;padding-left:32px;}
.menu ul li:hover{background: url(../images/seta_menuhover.png) no-repeat 16px 2px;padding-left:32px;}
.menu ul li a{float: left;font-family:'candarabold';font-size: 14px;color:#2F0103;}
.menu ul li a:hover{color:#A72527;}