Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego_S

com css no dreamweaver

Recommended Posts

Bom galera talvez aki nao seja o melhor lugar para perguntar isso

mas vamos la

 

eu peguei um css para formularios da net..

dae crio uma pasta com o nome de CSS e salvo o codigo lah

mas dae chega na hora de aplica no formulario onde eu deviria na CLASS escolhe o css desejado

mas nao da...

kiki eu fiz de errado

 

o css é esse olhem

 

CODE
#todoform {

background:#4f4f4f;

/* cor escura para o fundo do formulário */

 

font:12px arial, verdana, helvetica, sans-serif;

/* o tamanho e o tipo da fonte no formulário */

 

border-top:8px solid #cfcfcf;

/* borda superior de 8px solida na cor cinza clara

no formulário */

 

border-left:8px solid #cfcfcf;

/* a borda esquerda do formulário */

 

border-right:8px solid #696969;

/* a borda direita do formulário */

 

border-bottom:8px solid #696969;

* a borda inferior do formulário */

 

border-collapse:collapse;

/* retira as bordas duplas nas células da tabela */

 

color:#ff9900; /* a cor laranja para as letras */

}

 

#todoform th {

background:#000000;

/* a cor preta para o fundo do título */

 

padding:3px;

/* um afastamento de 3px */

 

font: bold 15px arial, verdana, helvetica, sans-serif;

/* letras em negrito com 15px e familia arial, verd....*/

 

border-bottom:1px solid #ff9900;

/* uma borda inferior solida de 1px na cor laranja */

}

 

 

#todoform input {

background:#b5b5b5;

/* a cor do fundo dos três campos */

 

border:1px dashed #ff9900;

/* uma borda de 1px tracejada e na cor laranja para

o campo */

}

 

#todoform textarea {

background:#b5b5b5;

/* a cor do fundo do campo */

 

border:1px dashed #ff9900;

/* uma borda de 1px tracejada e na cor

laranja para o campo */

}

 

#todoform input.botao {

background:#000000;

/* a cor do fundo do botão */

 

color:#ffffff; /* a cor das letras Enviar */

border:2px solid #ffffff;

/* uma borda de 2px solida branca no botão*/

}

 

 

#todoform td {

padding:3px;

}

 

 

sei la kiki eu to fazendo de errado

se conseguirem mi ajuda

agradeço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Movido Dreamweaver http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards: CSS / XML / XHTML / HTML

 

Bem, você disse que um class no formulário? Bom, mas, no seu código CSS aparecem todos com atributo #, que são para ID'S, se não me engano.

 

Para utilizar em class, coloque um . antes da palavra, exemplo:

.meuform{
  color:#FF9900;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

intao é isso

 

vo tentar hj a noite

qualquer duvida posto aqui amanha de novo

 

i otra coisa

precisa ter esse # onde eu quero atribui o CSS???

Compartilhar este post


Link para o post
Compartilhar em outros sites

i otra coisa

precisa ter esse # onde eu quero atribui o CSS???

Eu recomendo você deixar o DW um pouco de lado. Mas vamos lá.

você pode referenciar elementos pelo css das seguintes formas, e com as combinações delas:

 

Atingindo TODOS os form, da tag <form> do documento:

form { propriedade: valor; }
, atribuindo uma id para essa tag, novamente tomando como exemplo a <form id="talForm">
#talForm { propriedade: valor; }
, atribuindo uma classe<form class="talClass">:
.talClass{ propriedade: valor; }
Veja que para declarar IDs, eu coloco o #, para classes, eu coloco o . e para elementos diretamente, eu só coloco o nome da tag html.

Mostre a marcação HTML que você tem, para que possamos saber como "atingir" o teu formulário

 

 

Só complementando, # não é um atributo. Mas sim a forma com que a sintaxe CSS chama IDs.

Compartilhar este post


Link para o post
Compartilhar em outros sites

intao é isso

 

vo tentar hj a noite

qualquer duvida posto aqui amanha de novo

 

i otra coisa

precisa ter esse # onde eu quero atribui o CSS???

# representa um ID

#nome { propriedades }
Isso significa que o ID da sua página que for nome receberá as propriedades declaradas

 

 

. representa uma Classe

.nome { propriedades }
Isso significa que todos os elementos que tiverem a classe nome na sua página receberam as propriedades declaradas

 

Somente o elemento

p { propriedades }
Isso significa que todos os elementos p teram as propriedades declaradas

 

espero que tenha entendido

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.