Icone Nao estao alinhados

[mestre fyoda 1]

mesma coisa !

[Thiago Retondar 18]

Como está o CSS do ul?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

ul {

margin: 0 auto;

margin-top: 150px;

border: 1px solid #e3f1fe;

list-style-type: none;

}

 

ul li{

display: block;

height: 60px; /* <== Defina uma altura para seu <li> */

line-height: 60px; /* <== Coloque aqui a mesma medida utilizada no height */

background: url(icones/erro.png) no-repeat left; /* <== Removi o center pois por padrão ele centraliza quando não declarado */

padding: 0 0 0 40px;

}

[Thiago Retondar 18]

Coloca margin: 0 auto no ul. O ul deve estar com width declarado.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

tem como fazer com que a imagem fique centralizada junto com o texto ?

Modo que estou fazendo é na mao e dependendo do texto nao vai ficar centralizado .

[Thiago Retondar 18]

Não estou entendendo nada... =X

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

eu gostaria de deixar o texto e a imagem alinhados no centro

[Thiago Retondar 18]

Mas aí não vai ficar como a imagem que postou.

 

Coloca uma imagem de como está e como é para ficar. http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

está assim

 

 

e deveria ficar assim

 

 

Entao vai depender do texto para ficar centralizado no modo em que desenvolvi o codigo.

Gostaria de ficar centralizado sempre, independente do tamanho do texto

[Thiago Retondar 18]

Já tentou text-align: center?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

sim e nao rolo

[Thiago Retondar 18]

Posta o link para a página.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mestre fyoda 1]

o primeiro link vai simular um erro apenas e o segundo um outro erro, ai você vera a diferença.

[Thiago Retondar 18]

Sinceramente: ainda não entendi o que quer fazer... Vamos ver se outro usuário entendeu e consiga te ajudar. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Paulo de Tarso F. M. 24]

Humm... Eu acho que eu sei onde você quer chegar... Vamos lá, vou tentar ajudar (só não pude testar nos IEs, ok?)

 

Utilizando a formatação definida anteriormente:

        ul {
                width:600px; /* Adicionei uma largura na sua lista para centralizá-la */
                margin:150px auto 0; /* Alterei o margin, que antes era só top, para que a lista fique centralizada */
                border: 1px solid #e3f1fe;
                list-style-type: none;
        }

        ul li {
                [s]display: block;[/s] /* Eu tinha dito para aplicar um display:block aqui, mas por padrão ele já é block... hehe */
                height: [ defina uma altura ]; /* Defina uma altura para seu <li> */
                line-height: [ defina o mesmo valor da altura ]; /* Coloque aqui a mesma medida utilizada no height */
                [s]background: url(icones/erro.png) no-repeat left;[/s] /* A imagem sai do <li> e é aplicada no <span> */
                [s]padding: 0 0 0 40px;[/s] /* Mesma coisa da imagem: sai do <li> e vai para o <span> */
                text-align:center;
        }
        ul li span {
                display:inline-block;
                padding-left:[ medida em pixels ]; /* Coloque aqui a largura da imagem mais a distância que você quer entre a imagem e o texto */
                background: url(icones/erro.png) no-repeat left; /* A imagem vem aqui */
        }

E no seu HTML:

        <ul>
                <li>
                        <span>Seu texto</span>
                </li>
        </ul>

Bom, a princípio isso resolverá seus problemas, mas repito: não testeis nos IEs (na verdade, testei apenas no Firefox... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif). Faça os devidos testes e nos retorne.

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif