Jump to content


Photo

Imagem De Background


  • Faça o login para participar
20 replies to this topic

#16 FHL

FHL

    Doutor

  • Usuários
  • 916 posts
  • Sexo:Não informado
  • Localidade:Marília-SP
  • Interesses:* PhotoShop<br />* Fotografia

Posted 08/10/2004, 13:08

Olah amigos Developers,

nao sei se esse eh o topico certo....

Eu sou designer, e nunca programei um site. Entao estou montando um layout, fatiei no PhotoShop , exportei(as fatias tambem).

Mas ao abrir o Dreamweaver e as fatias apareceram certinhu e tal... mas onde eu irei digitar um conteudo sobre uma fatia, a imagem de fundo some e o texto sai no centro da tabela, como faco para digitar e sai em cima e a imagem de fundo nao sair?

valeu...
Fotografia
D700 | Nikkor 24-70 f2.8 | Nikkor 80-200 f2.8 | Nikon SB-900
www.flickr.com/FabioHL

#17 ThalesWeb

ThalesWeb

    Veterano

  • Usuários
  • 1435 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 08/10/2004, 14:48

A imagem sai exibida na tabela normal, não é?
<img src="....

Coloque ela como BG:
<td background=".

Abraços!
Thales Santos

#18 FHL

FHL

    Doutor

  • Usuários
  • 916 posts
  • Sexo:Não informado
  • Localidade:Marília-SP
  • Interesses:* PhotoShop<br />* Fotografia

Posted 08/10/2004, 14:51

A imagem sai exibida na tabela normal, não é?
<img src="....
Coloque ela como BG:
<td background=".

ja tem tudo isso, ja puis ela de fundo...

mas o problema eh que qdo eu digito um texto, o texto sai no meio da celula... como eu ponho para comecar la em cima da celula?

vlw.... (y)
Fotografia
D700 | Nikkor 24-70 f2.8 | Nikkor 80-200 f2.8 | Nikon SB-900
www.flickr.com/FabioHL

#19 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 08/10/2004, 14:58

Na paleta de propriedades do DW tem como:
coloque o cursor dentro da célula.

E na paleta tem um lugar que vc define align e valign:

tem um lugarzinho que é

Horz = coloca Left
Vert = coloca Top

Isso criará os valores align="left" valign="top" na tag da célula e vai deixar como tu quer.

(y)Até Mais :)

#20 cristiano_cds

cristiano_cds

    Normal

  • Usuários
  • 85 posts
  • Sexo:Não informado

Posted 09/10/2004, 03:36

(y) AGRADECIMENTO.

Obrigado pelo impulso no que diz respeito ao assunto back groud ... o tuto que tem nesse topico eh exelente.

Esse topico me ajudou bastante .. quero acrescentar um detalhe..

Eu queria dividir o back broude em <td>'s diferentes (que é um verdadeiro problema).

so em uma talela nao eh .. pois eh so fazer como no tuto.

usando o exemplo pra fazer em varios <td>'s distintos, sem ligaçao por <table> e a imagem se encaixar e nao repetir.. vc tem que queimar ums neuronios.. saka so a gambiarra

seguindo o exemplo do tuto...

<style type="text/css">
.bgfixed {
background-attachment: fixed;
background-image: url(teste.jpg);
background-repeat: no-repeat;
background-position: center center;
}
</style>

onde tem

background-position: center center

vc substituiu o primeiro center pela quantidade de PX que vc quer distanciar a imagem da borda direita e o segundo center vc usa pra distanciar em PX da parte de cima do <td>... se vc quer subir a imagem alem da margem superior ou da margem da esquerda.. eh so colocar um menos na frente do numero ..

background-position: -50 -10

ai vc vai ter todo um trabalho de encaixe em cada <td> ate cada um encaixar a imagem que vc esta usando. e isso vc faz no style. .. tipo um quebra cabeças

Valeu .. espero ter ajudado alguem ..

#21 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 09/10/2004, 05:14

Cara não entendi ...

Eu fatiaria a imagem e criaria células do mesmo tamanho das respectivas fatias que vão ocupar o espaço.

Criaria um CSS para cada célula.

Mas me explica melhor isso que não entendi.

Talvez eu esteja falando algo que não tem haver com o que tu disse.

:huh:Até Mais :)




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq