Jump to content


Photo

Menu Com Css


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

#1 Pisani

Pisani

    Novato no fórum

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

Posted 19/01/2007, 16:20

Salve galera wm.

Este e meu primeiro post, mexo com WebDesign a um bom tempo e atualmente trabalho com isto.
A poucos decidi migrar para o metodo de desenvolvimento Tableless estou adorando não sinto falta de nada (y)
Mas como todo bom "iniciante" tenho minhas duvidas gostaria que voces me ajudassem!

estou criando um menu:

Posted Image

A parte de cima onde vocês estao vendo escrito "Menu" contem uma imagem de fundo... quero uma forma de fazer com que ela não se repita, ao invez de se repetir ela "creça" de acordo com as necessidades

Espero que possam me ajudar! Estou entrando agora no forum pretendo tirar duvidas e ajudar a quem necessita

Obirgado

#2 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 19/01/2007, 16:39

Seja bem-vindo!!!

Veja se este tutorial o ajudar: http://www.dynamicdr...stic-tabs-menu/

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#3 NinoSPFC

NinoSPFC

    Normal

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

Posted 19/01/2007, 22:24

Nas opções coloque no repeat.. repeat y ou x da forma que achar , melhor.. ta montando no drean?

#4 Pisani

Pisani

    Novato no fórum

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

Posted 20/01/2007, 00:10

NinoSPFC

Nah este eh um site simples estou fazendo em um editor chamado "UltraEdit" conhece?? muito bom!
Obrigado pela ajuda vou tentar implementar na segunda (22/01) ai eu posto o resultado aqui vlws

Grato.

#5 Pisani

Pisani

    Novato no fórum

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

Posted 22/01/2007, 08:03

Ola pessoal

Não obtive bons resultados com meu problema....
arrumo minha tag desta forma: background-image:url('../img/imgpainel.jpg') no-repeat right top;
e a imagem de fundo fica toda branca....
esta faltando algo na minha tag?? algo escrito errado ou tem outra forma de faze-la?

Grato.

#6 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 22/01/2007, 08:08

Só para eliminar a dúvida:

O caminho da imagem está correto?

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#7 Pisani

Pisani

    Novato no fórum

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

Posted 22/01/2007, 11:21

sim ^^
sem o comando no-repeat a imagem aparece.... mas se repete!

#8 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 23/01/2007, 07:25

Pisani, usa somente:

background:url('../img/imgpainel.jpg') no-repeat right top;

Testa e avisa se funcionou como vc precisa.

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#9 Pisani

Pisani

    Novato no fórum

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

Posted 23/01/2007, 10:33

Ola pessoal

Bom tentei varias maneira... não deu muito certo entao segui aquela segunda opção bastante conhecida :boxing: .
Eu chamo de "Engenharia alternativa" mas...

bom em fim eu peguei a imagem... desenhei ela no tamanho que eu queria e coloquei como background blz! não...
a porcaria do IE faz a imagem ficar com um resolução menor... ehhhh blz falta de padrao ehehe
entao que farei eu... um simples programador contra a poderosa microsoft :blink: ashuahsasuh

dahahhhh ai que entra a parte legal... peguei a mesma imagem, reduzi o tamanho de forma a ficar compativel e hackei o CSS

a final minha gambi... ops engenharia alternativa ficou assim:

background-image:url('../img/imgpainelfx.gif');
_background-image:url('../img/imgpainelie.gif');

hasuahsu viva a ignorancia dos poderosos B)

uma imagem do meu menuzinho deem um a olhada e digam se ficou legal:

Menu normal
Posted Image

Mouse over no item
Posted Image


Bom agradeço a todos por terem me ajudado! vlw a atenção qndo eu terminar o site eu publico aqui o resultado pra voces verem ok?

Brigadao.




1 user(s) are reading this topic

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

IPB Skin By Virteq