Formulário em Photoshop

[jrjoliv2003 0]

Galera,fiz um layout de um formulário no Photoshop. Fatiei e salvei para web. No Dreamweaver substitui cada imagem de campo para caixa de texto. Coloquei a imagem como fundo da caixa de texto ( com CSS) mas não fica certinho. Sempre fica uma borda branca do lado direito, superior e esquerdo. Já alterei margem, borda etc.Sei que a dúvida é mas em relação a CSS mas quem já passou por isso de repente me da uma ajuda!Valeu a força!!!JR.

[Mezy 0]

com certeza é css... mas se você disse que ja mudou a margem e a borda não sei... veja o espaçamento e talz... vai zerando atributos até você descobrir qual é ^^"Ah!! e ve se a imagem ta no tamanho certo né!! ^^" se não manda o css repetir -.o=*

[jrjoliv2003 0]

Ta brabo,eu configurei o CSS para repetir a imagem de fundo. Com isso saiu a linha branca da direita. beleza.Mas ficaram as linhas horizontal e vertical. Pelo que entendi existe um espaco minimo entre a caixa de texto e a celula da tabela. Ja fiz ate um CSS para zerar as margens da celula e da linha da tabela. Mas nao funcionou!!O formulario ficou show!!! Mas essa substituicao que ta dando nos nervos.Valeu.JR.

[Mezy 0]

como assim ele criou linhas horizontais e verticais?!?!?qndo você mandou repetir o fundo ele criou essas linhas!?!?!você não mexeu em mais nada não??

[jrjoliv2003 0]

A caixa de texto está dentro de uma célula de uma tabela. Entre a caixa de texto e o limite da célula existe um espaço. Esse espaço da a impressão de ser uma linha, mas não é. Já tentei até um css para a célula zerando as margens. Mas tá f...Se alguém tiver alguma dica para resolver isso...Recapitulando: Fiz um formulário em Photoshop e substitui a imagem de campo por caixa de texto (input). Coloquei a imagem como fundo da caixa de texto. Fiz um CSS para acertar o background na caixa.Valeu a força!!!!JR.

[jrjoliv2003 0]

Fiz um exmplo aqui simples para você´s verem o q está acontecendo:

 

http://br.geocities.com/profteste/index.html

 

 

Valeu a força!!!

 

JR.

[coxao 5]

cara não entendi o que você esta querendo ainda não !!

 

tirei um ss aqui da minha tela do site que você mandou....

 

 

o que você quer exatamente ??

[camilo.oliveira 0]

coloca isso no começo da css

 

 

* {margin:0;padding:0;}

[jrjoliv2003 0]

Seria isso?.c1 {margin:0;padding:0;height: 158px; width: 328px; border: 0px; background-image: url(images/teste_03.jpg);}Valeu a força!!!JR.

[Mezy 0]

isso msm JR!!zera todos os atributos possiveis ^^"

[camilo.oliveira 0]

Pode ser

 

Mas você pode fazer assim também, é melhor no caso de você querer colocar mais coisas na página depois.

 

* {margin:0;padding:0;}.c1 {height: 158px;width: 328px;border: 0px;background-image: url(images/teste_03.jpg);}

Assim se de repente você precisar de uma classe ".c2", não precisaria colocar padding e margin de novo, entendeu?

[coxao 5]

aqui é a area de html & webdevelop ou de photoshop ??

[Mezy 0]

coxao... a pergunta era se o problema era do PS ou do código....como descobrimos q era do código... fomos ajudando a solucionar por aqui mesmo...mas se algum moderador preferir mover pra uma área específica... axo bom pois lá devem haver dúvidas semelhantes!! -.o=*

[jrjoliv2003 0]

Tá difícil!!!

 

Essa caixa contém margens superior e inferior. Não consigo zerar as margens de maneira nenhuma. Todos os códigos que você´s me passaram eu testei mas não funcionou. Já pesquisei no fórum mas não encontrei o que queria.

 

 

Se você´s tiverem algum site com formulário feito em Photoshop e edição em CSS para que eu possa pesquisar pro favor me indiquem!

 

Valeu a força!!!

 

link de teste:http://br.geocities.com/profteste/index.html

 

 

JR. http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

[Mezy 0]

há!! axo que ja sei!!

 

vamos ver se agora vai... define uma classe de fonte pequena no seu css tipo

 

.c1 {	margin:0;	padding:0;	height: 158px;	width: 328px;	border: 0px;	background-image: url(images/teste_03.jpg);	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;}

ve ai se da certo

[jrjoliv2003 0]

Nada!!!Deixei até o código lá para você ver:http://br.geocities.com/profteste/index.htmlValeu a força!!!!JR.