1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Problemas em mudar a cor das Scrollbars

Discussão em 'Web Development' iniciada por peter alien, 30 de Novembro de 2007. (Respostas: 10; Visualizações: 1222)

  1. peter alien

    peter alien Power Member

    Estou a tentar mudar as cores das Scrollbars no IE6.

    Coloco o script CSS, mas só funciona quando retiro a linha do DOCTYPE.
    O problema é que quando retiro essa linha todos os meus DIVs, que se encontravam centrados, encostam todos à esquerda.


    O DOCTYPE é o seguinte:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


    Obrigadão a quem me puder ajudar :)
     
  2. SoundSurfer

    SoundSurfer Power Member

    Última edição: 30 de Novembro de 2007
  3. peter alien

    peter alien Power Member

    não funcionou... os Divs ficam centrados mas a Scrollbar continua a default :(
     
  4. p3dro

    p3dro Power Member

    tenta colocar aqui o teu código desde o inicio (incluindo o DOCTYPE) até ao </head> e o código css (se estiveres a usar um ficheiro à parte) onde alteras as cores das scrollbars, pode ser que se consiga detectar melhor o problema ...
     
  5. peter alien

    peter alien Power Member

    O código é este:


    PHP:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <
    html>
     <
    head>
      <
    meta http-equiv="Content-Type" content="text/html charset=iso-8859-1">
      <
    style type=text/css>
       
    body {
             
    background-imageurl(Imagens/BGGradiente.png);
             
    background-repeatrepeat-x;
             
    background-positioncenter;
             
    background-color#000000;
    scrollbar-face-color:#E0E0E0;
        
    scrollbar-arrow-color#666666;
        
    scrollbar-track-color:#F1F1F1;
        
    scrollbar-shadow-color:#E0E0E0;
        
    scrollbar-highlight-color:#E0E0E0;
        
    scrollbar-3dlight-color:#FFFFFF;
        
    scrollbar-darkshadow-Color:#C0C0C0;
            
    }
       
    #layout {
                
    width950px;
                
    height688px;
                
    margin0 auto;
               }
       
    #header {
                
    width950px;
                
    height169px;
                
    background-imageurl(Imagens/Header.jpg);
               }
       
    #fotos {
               
    width950px;
               
    height79px;
               
    background-imageurl(Imagens/Fotos.jpg);
              }    
       
    #fundo {
               
    floatleft;
               
    width236px;
               
    height393px;
               
    background-imageurl(Imagens/Fundo.jpg);
              }      
       
    #conteudo {
                  
    floatleft;
                  
    width714px;
                  
    height393px;
                  
    background-imageurl(Imagens/Conteudo.jpg);
                 }      
       
    #footer {
                
    width950px;
                
    height47px;
                
    background-imageurl(Imagens/Footer.jpg);
               }   
       
    #layerinvisivel {
                        
    margin-left30px;
                        
    margin-top80px;
                       }
       
    #iframe1 {
                 
    width712px;
                 
    height356px;
                 
    margin-top36px;
                 
    margin-left0px;
                }
      </
    style>
     </
    head>
     <
    body>
      <
    div id="layout">
       <
    div id="header"></div>    
       <
    div id="fotos"></div>    
       <
    div id="fundo">
        <
    div id="layerinvisivel">
         <
    img src="Imagens/InvLayer.gif" border="0" usemap="#map1">
         <
    map name="map1">
          <
    area shape="rect" coords="4,10,155,32" target="iframe1" href="Apresentacao.html">
          <
    area shape="rect" coords="4,82,155,104" target="iframe1" href="Informacoes.html">
          <
    area shape="rect" coords="4,118,155,140" target="iframe1" href="Pedidos.html">
          <
    area shape="rect" coords="4,154,155,176" target="iframe1" href="LinksUteis.html">
          <
    area shape="rect" coords="4,190,155,212" target="iframe1" href="Contactos.html">
          <
    area shape="rect" coords="4,226,155,248" target="iframe1" href="AreaReservada.html">
         </
    map>
        </
    div
       </
    div>
       <
    div id="conteudo">
        <
    iframe id="iframe1" name="iframe1" frameborder="0" scrolling="auto"></iframe>
       </
    div>
       <
    div id="footer"></div>
      </
    div>
     </
    body>
    </
    html>
     
    Última edição pelo moderador: 2 de Dezembro de 2007
  6. p3dro

    p3dro Power Member

    Dentro do <style type=text/css> tenta colocar desta maneira:

    Código:
    html{
    scrollbar-face-color:#E0E0E0;
    scrollbar-arrow-color: #666666;
    scrollbar-track-color:#F1F1F1;
    scrollbar-shadow-color:#E0E0E0;
    scrollbar-highlight-color:#E0E0E0;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-Color:#C0C0C0;
    }
    
    Mas retira do body

    Ficaria algo deste tipo:

    Código:
    html{
    scrollbar-face-color:#E0E0E0;
    scrollbar-arrow-color: #666666;
    scrollbar-track-color:#F1F1F1;
    scrollbar-shadow-color:#E0E0E0;
    scrollbar-highlight-color:#E0E0E0;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-Color:#C0C0C0;
    }
    
    body {
    background-image: url(Imagens/BGGradiente.png);
    background-repeat: repeat-x;
    background-position: center;
    background-color: #000000;
    }
     
  7. peter alien

    peter alien Power Member

    sim resultou... mas para a scrollbar principal do IE.

    Eu queria para a Scrollbar do IFrame? :(
     
  8. p3dro

    p3dro Power Member

    Bem, não querendo induzir-te num possivel em erro, mas acho que não dá, penso que terás de fazer essa alteração na página que a iframe vai carregar, mas é melhor esperar que alguém mais entendido saiba responder a essa dúvida.
     
  9. ninja_corp

    ninja_corp Power Member

    Duas coisas...

    Não uses iframes! :-p (opção tua claro...)
    Não uses estilo inline... usa-os na css, estes exemplosão muito bem dados, mas tudo corre melhor se eles tivesses na css!

    peace!
     
  10. peter alien

    peter alien Power Member

    Porque é que não aconselhas o uso de IFrames?
     
  11. SlashString

    SlashString Power Member

    Por questões de usabilidade.. é muito complicado para pessoas com deficiencias visuais, por exemplo, conseguirem consultar o portal!

    Cumps ;)
     

Partilhar esta Página