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

Html / Css

Discussão em 'Web Development' iniciada por arodrigues182, 26 de Março de 2008. (Respostas: 4; Visualizações: 774)

  1. arodrigues182

    arodrigues182 Power Member

    Pessoal não sei se tou no local certo para perguntar isto mas:

    um amigo meu tem um blog e ele configurou o layout dele e ficou tal como ele queria no firefox mas, no i explorer, o fundo vem azul.
    tive a procura no google e explicam que tem-se de fazer um hack mas eu não percebo nada disso.
    alguém me pode dar umas luzes disto? o que tenho de mudar e assim... obrigado
     
  2. Yokozuna

    Yokozuna Power Member

    Mais info...
     
  3. arodrigues182

    arodrigues182 Power Member

    body {
    background: url(http://dezdedos.no.sapo.pt/FE3917.gif) repeat;
    color:$textcolor;
    color:$textcolor;
    font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    aquele URL é o background que ele quer. mas só aparece no firefox...
     
  4. hYpe

    hYpe [email protected] Member

    é obrigatório ter o por causa do código do blog? D...definida a font-size, e o mesmo para o color?
     
  5. arodrigues182

    arodrigues182 Power Member

    ja ta resolvido. ele teve que fazer outro "body"
    acho que é isto:

    Código:
    <style type="text/css" media="screen">
    <!--
    body {
    margin: 0;
    padding: 0;
    background: url([URL="http://dezdedos.no.sapo.pt/FE3917.gif%29;"]http://dezdedos.no.sapo.pt/FE3917.gif);[/URL]
    /*background: gray;*/
    font: 80% verdana, arial, sans-serif;
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #menu {
    position: absolute; /* Menu position that can be changed at will */
    top: 0;
    left: 0;
    z-index:100;
    width: 100%; /* precision for Opera */
    }
    #menu dl {
    float: left;
    width: 12em;
    }
    #menu dt {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background:  $bordercolor;
    border: 1px solid gray;
    margin: 1px;
    }
    #menu dd {
    display: none;
    border: 1px solid gray;
    }
    #menu li {
    text-align: center;
    background: #fff;
    }
    #menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    }
    #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
    background: #eee;
    }
    #site {
    position: absolute;
    z-index: 1;
    top : 70px;
    left : 10px;
    color: #000;
    background-color: #ddd;
    padding: 5px;
    border: 1px solid gray;
    }
    -->
    </style>
     
    Última edição pelo moderador: 28 de Março de 2008

Partilhar esta Página