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

HTML: Centrar Imagem(s)

Discussão em 'Web Development' iniciada por Celso Azevedo, 29 de Novembro de 2008. (Respostas: 10; Visualizações: 6211)

  1. Celso Azevedo

    Celso Azevedo I folded Myself

    Olá!
    Estou a (tentar) modificar um tema de WordPress.

    Queria saber como que se consegue alinha uma imagem ao centro sem existir espaços antes e depois:
    Utilizo este código:
    Código:
    <p align="center">
    <a target="_blank" href="http://feeds.feedburner.com/telemovelonline">
    <img border="0" src="http://telemovelonline.com/wp-content/themes/simplewp/images/via_rss.png" width="254" height="32"></a>
    <a target="_blank" href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2556468">
    <img border="0" src="http://telemovelonline.com/wp-content/themes/simplewp/images/via_mail.png" width="254" height="32"></a></p>
    E o resultado é este:
    [​IMG]
    O que eu queria é que não ficasse com o espaço antes e depois (setas vermelhas) e que ficasse assim:
    [​IMG]
    Como podem reparar nesta ultima imagem não há tanto espaço.

    Alguem sabe como fazer?

    Obrigado!
     
  2. pimpz

    pimpz Power Member

    Penso que o problema não está na imagem , tens que ajustar é o tamanho da caixa onde estás a meter a imagem! Só se a imagem tiver esse contorno branco, ai já tens que editar a imagem e tirar isso.
     
  3. Celso Azevedo

    Celso Azevedo I folded Myself

    A caixa diminui/aumenta automaticamente. O problema esta mesmo no código porque se não centrar a imagem não fica com tanto espaço.

    Não existe outro codigo sem ser o "<p align="center"> ... </p>" para centrar?
     
  4. pimpz

    pimpz Power Member

    Pois então o problema está no <p....> Experimenta :

    Código:
    <div align="center"><img border="0" src="http://telemovelonline.com/wp-content/themes/simplewp/images/via_rss.png" width="254" height="32"></div>

    Ah não chequei a perceber, tens código de 2 imagens para que?
     
  5. Celso Azevedo

    Celso Azevedo I folded Myself

    Como podes ver na primeira imagem, são 2 imagens que parecem 1. Ao clicar na parte de cima faz uma coisa e ao clicar na outra faz outra coisa.

    Quanto ao teu código funcionou. Obrigado!
     
  6. pimpz

    pimpz Power Member

    Mas não era preciso ter 2 imagens para isso. Se bem entendi é uma imagem para "subscreva... rss" e outra para o"... mai"l?
     
  7. Celso Azevedo

    Celso Azevedo I folded Myself

    sim, existe outra maneira?
     
  8. pimpz

    pimpz Power Member

    Sim, estás a usar o dreamweaver?
     
  9. Celso Azevedo

    Celso Azevedo I folded Myself

    Não... nem o tenho instalado.
    Como utilizo o WordPress altero o código do tema na internet... Até que pode existir outra maneira de fazer... eu percebo pouco disto xD
     
  10. pimpz

    pimpz Power Member

    Pois, eu falei noutra maneira, mas é mais facil no dreamweaver porque sem isso tás ás cegas LOL, deixa tar assim :P
     
  11. Celso Azevedo

    Celso Azevedo I folded Myself

    é melhor xD.

    Obrigado pela ajuda!
     

Partilhar esta Página