Ir para conteúdo

POWERED BY:

Arquivado

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

MarKteus

É possível inserir class em uma Div no DreamWeaver ?

Recommended Posts

É possível inserir class em uma Div no DreamWeaver ? Exemplo

 

<div class="classe1">

<div><img src="../imgPizzasHome/pizza004.jpg" /></div>

<div><img src="../imgPizzasHome/desconto5.jpg" /></div>

<div></div>

</div>

<div class="classe1">

<div><img src="../imgPizzasHome/pizza005.jpg" /></div>

<div><img src="../imgPizzasHome/desconto5.jpg" /></div>

<div></div>

</div>

 

Não dando certo, alguém sabe por que ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quando criei a '.classe1' foi diretamente aplicada nas divs externas

 

<div class="classe1">

Para inserir no 'elemento interno' (divs dentro de outra div), basta selecionar o 'objeto' no modo Design e no painel Properties selecionar a classe que deseja.

 

No exemplo, apliquei apenas nas imagens 'desconto5.jpg'.

 

<div><img src="desconto5.jpg" class="classe1" /></div>

 

http://img818.imageshack.us/img818/3837/classe1.jpg

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.classe1 {
	background-color: #FC6;
	border-top-color: #303;
	border-right-color: #303;
	border-bottom-color: #303;
	border-left-color: #303;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
-->
</style>
</head>


<body>
<div class="classe1">
<div><img src="pizza004.jpg" /></div>
<div><img src="desconto5.jpg" class="classe1" /></div>
<div></div>
</div>
<div class="classe1">
<div><img src="pizza005.jpg" /></div>
<div><img src="desconto5.jpg" class="classe1" /></div>
<div></div>
</div>
</body>
</html>

 

Certamente os colegas do fórum de Webstandards podem lhe auxiliar de forma mais eficiente.

 

Apenas deixo uma contribuição ao meu alcance.

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Esse código que você postou é estranho... E além disso, com a webstandarts, nada de DreamWaver!

 

 

Por favor, ao menos escreva corretamente >> Dreamweaver, webstandards.

 

CSS significa >> Cascading Style Sheets, tradução: Folhas de estilo em cascata, Ok!

 

 

Já usei o DW CS3 (Dreamweaver CS3), e tenho uma formação Webdesigner com a versão CS4. Tenho ambas licenciadas.

 

Dreamweaver CS4 - modo Design

 

Dreamweaver CS4 - modo Code

 

 

Estranho é postar um comentário que não acrescenta nada.

 

Claro, esqueci de avisar, no Bloco de Notas não tem essas facilidades.

 

 

Se precisar que eu desenhe é só avisar, sou muito habilidosa. (ninguém merece isso, hahahhhh :lol: )

 

 

Abraços

 

 

ps: os moderadores por favor me desculpem, foi puro senso de humor :D (não resisti)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quando criei a '.classe1' foi diretamente aplicada nas divs externas

 

<div class="classe1">

Para inserir no 'elemento interno' (divs dentro de outra div), basta selecionar o 'objeto' no modo Design e no painel Properties selecionar a classe que deseja.

 

No exemplo, apliquei apenas nas imagens 'desconto5.jpg'.

 

<div><img src="desconto5.jpg" class="classe1" /></div>

 

http://img818.imageshack.us/img818/3837/classe1.jpg

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.classe1 {
	background-color: #FC6;
	border-top-color: #303;
	border-right-color: #303;
	border-bottom-color: #303;
	border-left-color: #303;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
-->
</style>
</head>


<body>
<div class="classe1">
<div><img src="pizza004.jpg" /></div>
<div><img src="desconto5.jpg" class="classe1" /></div>
<div></div>
</div>
<div class="classe1">
<div><img src="pizza005.jpg" /></div>
<div><img src="desconto5.jpg" class="classe1" /></div>
<div></div>
</div>
</body>
</html>

 

Certamente os colegas do fórum de Webstandards podem lhe auxiliar de forma mais eficiente.

 

Apenas deixo uma contribuição ao meu alcance.

 

Abraços

 

 

Colega tentei de tudo e nada, parece que a página ignora o que eu faço, inclusive como você exemplificou.

Será que tem a ver com Ajax, pois carrego uma página onde tento aplicar essas classes com Ajax

Compartilhar este post


Link para o post
Compartilhar em outros sites

MarKteus, adicionar essa informação ao seu tópico é indispensável.

 

Uso o DW e CSS mais direcionado ao Flash. Inserir uma classe na div faz parte.

 

Nunca usei páginas com Ajax.

 

 

 

Espero que algum colega mais experiente possa lhe sugerir a solução adequada.

 

 

Abraços

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.