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

css - imagem de fundo não aparece

Discussão em 'Web Development' iniciada por DarTaKaum, 7 de Março de 2009. (Respostas: 9; Visualizações: 2627)

  1. DarTaKaum

    DarTaKaum Power Member

    Olá, tenho tentado por uma imagem de fundo e não estou a conseguir.

    Tenho uma <div id="header"> , e tenho no .css
    Código:
    		#header{
    			position: relative; 
    			top: 70px; 
    			left: 45px; 
    			width: 300px; 
    			height: 40px; 
    			border: 5px solid #39c; 
    			background-image:url(img/header.png); 
    			}
    Mas a image não aparece, tentei a path, browser diferentes, jpg, png e nada funciona, alguma ideia?
     
  2. hYpe

    hYpe [email protected] Member

    Tenta:

    Código:
    background: transparent url(img/header.png) top left no-repeat;
     
  3. DarTaKaum

    DarTaKaum Power Member

    contnua sem dar.

    a solução que arranjei foi por o codigo da imagem dentro do div, mas queria que funciona-se com css.
     
  4. hYpe

    hYpe [email protected] Member

    Onde é que tens a CSS?

    Se tiveres tipo:

    folder/pagina.html
    folder/img/header.png
    folder/styles/styles.css

    Tens que colocar uma / antes do img

    Assim ficas a ter:

    Código:
    background: transparent url(/img/header.png) top left no-repeat;
    Já agora, se a imagem tiver transparências, vais precisar de um hack para o IE6.
     
  5. DarTaKaum

    DarTaKaum Power Member

    era assim que tinha, tb não dá, qual o hack pras transparências já agora, que eu uso-as.

    e outra coisa, num div, como meto para o texto ficar com afastado das bordas (ie, não ficar encostado)? não descubro qual a maneira.
     
  6. Totoro

    Totoro Folding Member

    Padding.
     
  7. hYpe

    hYpe [email protected] Member

    Se já tiveres a página on-line, põe aí o endereço.

    Há para aí qq coisa mal-contada.

    Em relação ao hack : http://www.twinhelix.com/test/iepngfix.zip

    Em relação à outra dúvida, o goncaloforte já respondeu.
     
  8. DarTaKaum

    DarTaKaum Power Member

  9. shello

    shello Moderador
    Staff Member

    DarTaKaum,
    A imagem que estás a linkar não existe, pelo menos na página que dás.
    http://www.acefalos.com/img/header.png

    O caminho relativo da imagem conta a partir da localização do documento css.
     
  10. DarTaKaum

    DarTaKaum Power Member

    hum... entao.. vou ver isso melhor, mas pensava que tinha o path direito.

    edit: tive de por ../path pra funcionar.

    obrigado! :)
     
    Última edição: 8 de Março de 2009

Partilhar esta Página