Ir para conteúdo

POWERED BY:

Arquivado

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

ticarp

Atribuindo fundo a uma camada!

Por , em Javascript

Recommended Posts

void    1

void
Postado

Syntax

 

HTML { background-image : sLocation }

Scripting object.style.backgroundImage [ = sLocation ]

 

background-image: url(sphere.jpg)

 

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

ticarp    0

ticarp
Postado

Uso um arquivo .CSS atachado a página html.... o código acabou ficando assim...

No dreamweaver fica tudo certo, agora na hora de visualizar no browser a imagem de fundo não aparece.

 

.news a:hover

{

font-family: Tahoma;

font-size: 7.5pt;

text-decoration: none;

color: 003300;

background-image: url(sphere.jpg); font-weight: bold;

 

}

 

 

Tiago.

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Seguinte,

Crei oque você deve trocar o nome da imagem pelo nome da imagem que você criou!

Mais ou menos assim:

background-image: url(sphere.jpg);

Acima é como você postou, agora, veja como deve ficar:

 

background-image: url(nome_image.gif);

 

Veja se funciona agora...

 

[]s

Rodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Olá ticarp

Parece que você está pretendendo fazer um "rollover de imagem" com CSS.

Você se refere a fundo de camada! Qual o ID da camada? Tem uma classe dentro de um ID?

Como não forneceste sua folha de estilo completa e o html onde aplicou a classe .news fica difícil analisar. Sugiro de início checar se a declaração a:hover está depois das a:link, a:visited, a:active (tenha a prioridade acima daquelas- efeito cascata).

Caso positivo, o problema não é este e então se ainda não resolveste o problema, confirme se é um "rollover", mande o trecho do código da folha de declarações dos estados dos links e um trecho do html (tag) onde foi aplicado a classe .news, para eu analisar e ver se posso te ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

ticarp    0

ticarp
Postado

Olá Mauricio...Minha dúvida é bem simples... não quero fazer um rollover...Meu intuito é apenas atribuir uma imagem para background de uma camada qualquer.A gente não pode setar cores para fundo da camada... então... oq deevo fazer para definir que uma imagem seja o fundo da minha camada?Apenas quero isso... num tem nada haver com rollover, ñ!! ;) Tava olhando seu site... nossa... muito bacana hein!!!Abração, Tiago.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Olá Tiago,

 

Talvez o problema esteja em você estar definindo CSS em uma classe e não ID.

Faça o seguinte:

Copie e cole o código abaixo no teu Dreamweaver e veja no brownser. Deve "aparecer" uma camada conforme definida no estilo com a imagem do meu avatar no centro. É preciso que você esteja online pois a imagem que coloquei está no meu site! :D . Ou que você a substitua, por uma do seu HD. (mas antes olhe com a minha!).

 

Estude o código anexo. Dúvida? Pergunte de novo!

Informe se funcionou.

Aguardo!

 

<html>
<head>
<title>Fórum iMasters</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"> 
#camada {
position:absolute;
left:10px;
top:20px;
font-size: 12px;
color:#0000ff;
width:100px;
background: #fff url(http://www.maujor.com/avatariMaster.gif) no-repeat center center;
border:1px solid #ff0000;
}
</style>
</head>
<body>
<div id="camada"> <p>TEXTO DENTRO DA CAMADA</p><p> </p><p> </p><p>  </p></DIV>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito