Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vadio

alinhamento IE

Recommended Posts

olá pessoal

to com problema de alinhamento e opacidade dos itens itens no IE 6 e 7

 

<div id="redes_sociais" style="float: right; margin: 10px; width: 300px">
   <ul style="display:inline;">
       <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_facebook">
           <div>
               <a href="http://www.facebook.com/banda.till.joey">
                   <img src="http://tilljoey.webuda.com/images/icons/8033_128x128.png" border="0;" width="32" height="32">
               </a>
           </div>
       </li>
       <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_twitter">
           <div>
               <a href="http://twitter.com/#!/TillJoey">
                   <img src="http://tilljoey.webuda.com/images/icons/8049_128x128.png" border="0;" width="32" height="32">
               </a>
           </div>
       </li>
       <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_youtube">
           <div>
               <a href="http://www.youtube.com/tilljoeyoficial">
                   <img src="http://tilljoey.webuda.com/images/icons/8050_128x128.png" border="0;" width="32" height="32">
               </a>
           </div>
       </li>
       <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_soundcloud">
           <div>
               <a href="http://soundcloud.com/tilljoey">
                   <img src="http://tilljoey.webuda.com/images/icons/logo-sound-cloud.png" border="0;" width="32" height="32">
               </a>
           </div>
       </li>
   </ul>
   <br style="clear: both;">
</div>

 

desde já obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha, quanto ao alinhamento, manda um link pra gente ver o seu código funcionando, senão, fica difícil de saber onde que está desalinhando.

 

Em relação ao Opacity, existe toda uma sacanagem pra fazer funcionar no IE 6 e 7 (não que o mundo se importe com esses dois navegadores...).

 

É preciso carregar o CSS em uma ordem correta, caso contrário, não funciona.

 

Obs: não use o CSS dessa forma, direto no código, puxe por uma classe em uma folha de estilos, caso contrário, vai ser muito mais trabalhoso pegar os erros customizar as coisas.

 

.transparencia {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8
 filter: alpha(opacity=50);					    // IE5 a IE7
 opacity: .5;                                                      // restante
}

 

Vê se isso resolve seu problema.

Compartilhar este post


Link para o post
Compartilhar em outros sites

na realidade esse código é gerado dinamicamente com js..

 

vou postar o site logo online daí você poderá ver o erro só quero corrigir e terminar algumas coisas antes.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.