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

duvida css

Discussão em 'Web Development' iniciada por RicAlmeida, 20 de Novembro de 2008. (Respostas: 7; Visualizações: 607)

  1. RicAlmeida

    RicAlmeida Power Member

    Boas

    como e que eu faço para que o texto aparece centrado nu botao. neste momento ele esta a aparecer em baixo
    este e o meu codigo
    Código:
    #botao {
        background: url(images/bt.GIF) no-repeat;
        padding: 46px 0;
    }
    .botao h5 {
        font-size: 12px;
        padding: 10px 10px 10px 10px;
        color:#fff;
    }
    cumps
     
  2. skandal

    skandal Power Member

    tenta a propriedade text-align.
     
  3. RicAlmeida

    RicAlmeida Power Member

    não

    o texto aparece por baixo da imagem
     
  4. skandal

    skandal Power Member

    já percebi, tens a imagens e queres que o texto fique por cima da imagem... duvido que dê... :|

    mas por curiosidade coloca o html do botao s.f.f.
     
  5. RicAlmeida

    RicAlmeida Power Member

    ja nao e preciso ja arranjei
     
  6. rafaqueque

    rafaqueque Power Member

    Diz a forma como o fizeste, pode haver users que podem precisar da mesma ajuda :)
     
  7. alfinete

    alfinete Power Member

    texto pro cima da imagem de um botão em css , penso que uma forma possivel sera

    tens 2 divs do mesmo tamanho , uma com texto alinhado ao centro e outra com uma imagem...

    ambas com posições relativas de modo a ficar uma div por cima da outra , em que a de cima tens de a por trasparente , ou com background-color:transparent(não tenho a certeza), ou com opacity...

    é uma forma de o fazer.

    ou fazes a imagem no photoshop e depois insere-la no botão...
     
  8. RicAlmeida

    RicAlmeida Power Member

    Aqui fica como eu fiz

    Código:
    #bt {
    background: #666666 url(images/bt.gif) no-repeat;
    height: 46px;
    }
    #bt h5 { 
    font-size: 10px;
    letter-spacing: -1px;
    padding: 10px 0 0 10px;
    color: #fff;
    }
     

Partilhar esta Página