Jump to content


Photo

Menu E Alguns Textos Ficam Incorretos No Ie Antigo.. Do 6 Para Baixo.


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

#16 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 06/03/2008, 21:28

sakei.. e sobre a opção apenas do submenu no QUEM SOU

a opção do submenu referentes ao link QUEM SOU (menu principal)

"perfil"
"curriculo"

nao mostra.. pq n abre o submenu..

preciso apenas desse hack de inicio é o unico que n sei oq posso mudar logo de cara.

o resto.. vo arrumando e testando aos poucos!

heheheh!

Edição feita por: Augusto Saggese, 06/03/2008, 21:32.

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#17 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 07/03/2008, 00:46

Puxa, esse realmente n sei pq tah acontecendo. Talvez um erro no JS do submenu? Uma propriedade JS que o IE n reconheça talvez?

/*DarkSign*/
Não sabe por onde começar? Que tal pelas Regras ?

#18 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 07/03/2008, 00:57

js? é tudo css! menu tb! nav/li/ul

padrao!

tks.. preciso desse help! :/

bimonti deve saber.. esperando ele! uhauhauha

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#19 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 07/03/2008, 01:02

ueahuehaee eh talvez... mas... pera um poko ae! soh CSS?!? ahhhhh!!! entao usa JS pra exibir aquela div! deixa eu conferir seu CSS de novo pra verificar se tudo tah no padrao, ateh pro IE. Se n resolver soh o CSS, usa o JS msm, que funciona pros 2 browsers kara!

EDITADO
Ahá! Axei o erro. embora esteja no padrao, essa linha:
#nav li:hover ul ul, #nav li.over ul ul {left: -1000em;	}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
	left: auto;
}
ul#nav li.over ul li ul,
ul#nav li:hover ul li ul {
	display: none;
	}
ul#nav li.over ul li.over ul,
ul#nav li:hover ul li:hover ul {
	display: block;
	}

não diz nada ao IE, pq ele simplesmente n reconhece aquele .over nem o :hover O IE apenas aceita isso em tags A. Por isso eu disse pra tu usar o JS. O IE n interpreta aquilo como propriedade válida.

/*DarkSign*/

Edição feita por: DarkSign, 07/03/2008, 01:05.

Não sabe por onde começar? Que tal pelas Regras ?

#20 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 07/03/2008, 01:55

Acho q é erro no display nao?

bimonti ate comentou!

bora discutir irmao!

xD


e se eu substituir por

a:hover?

:huh:

?????????????

Ex: li.a:hover

nãoo?

Edição feita por: Augusto Saggese, 07/03/2008, 01:55.

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#21 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 07/03/2008, 01:59

vc pode tentar li a:hover, sem o . (ponto) no meio xD

Não vai funcionar também. Sabe, eu estou tentando editar seu código, e também não obtive sucesso ainda. Mas uma coisa é certa: você deveria substituir seus em no CSS por px, pq fica mais compatível com o IE. Sabe, tem tanto -em n sei das quantas, que eu axo que o IE tá escondendo esse conteúdo. Nem com JS eu consegui abrir o submenu. Tenta ae, tirando os em.

/*DarkSign*/

Edição feita por: DarkSign, 07/03/2008, 02:35.

Não sabe por onde começar? Que tal pelas Regras ?

#22 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 07/03/2008, 02:39

jaja vo ver coe..

me add no msn..

augusto.saggese@gmail.com
www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#23 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 07/03/2008, 02:51

ok, e jah te add no MSN

/*DarkSign*/
Não sabe por onde começar? Que tal pelas Regras ?

#24 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 07/03/2008, 03:36

vou esperar bimonti!

Edição feita por: Augusto Saggese, 07/03/2008, 03:55.

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#25 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 07/03/2008, 08:21

Vixxiii ... eu não tenho paciência com esses menus ... sou meio noob em css....

Olhando o nome das classes do seu menu, você pegou desse artigo: http://www.maujor.co...l/ddownmenu.php

Lá tem um JS para te ajudar...
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#26 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 07/03/2008, 09:18

Sakei.. alem de por esse java..

preciso mudar o codigo tb?

Então, a regra para hover agora é:

li:hover ul, li.over ul {
display: block; }

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#27 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 07/03/2008, 09:52

Como vocês escrevem.
O submenu não abre porque o IE não entende a pseudo-classe :hover em elementos diferentes do 'a' (link). Para resolver você precisa usar um javascript, como foi dito aí. Porém, não é qualquer javascript que vai servir para você. Depende de como você fez o menu, como está o seu css.

O menu você fez ou pegou de algum site? Foi do site do maujor? Se sim, é só copiar e colar, só terá que mudar as configurações de cores, fontes etc.

li:hover ul funciona nos navegadores que aceitam o :hover em qualquer elemento.
li.over ul é uma classe que o javascript vai usar para aplicar esse mesmo estilo.

Ah, e para usar png transparente no IE existem algumas maneiras. Procure no Google por png transparente IE.

Edição feita por: Alex Hiroshi, 07/03/2008, 09:56.

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#28 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 07/03/2008, 11:08

eu fiz o menu ! por isso tem esses problemas e precisam de hack!

sacou Alex?

em relação a png.. tem java tb.. mas sera q se eu por gif.. vai perder mt a qualidade?

tks!

nao to sabendo é oq terei q alterar.. me entende?

Codigo CSS

[codebox]#nav, #nav ul {
width: 61em;
list-style: none;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}
#nav li {
float: left;
}
#nav a {
display: block;
width: 10em;
height: 2em;
line-height: 2;
text-align:center;
text-decoration: none;
background-color: #336600; /* IE precisa desta declaração */
color: #fff;
border: 1px solid #fff;
border-width: 1px 1px 1px 1px;
}
#nav a:hover {
text-align:center;
text-decoration: underline;
background: #fff;
color:#336600;
padding-top: 1px;
}
#nav a.Textos {background:#69c url(bullet.gif) no-repeat right;}
#nav a.Textos:hover {background: #336600 url(bullet-over.gif) no-repeat right; }
#nav li ul {
position: absolute;
left: -1000em;
width: 10em;
margin: 0;
}
#nav ul ul {margin: -2.1em 0 0 10.1em;}
#nav li:hover ul ul, #nav li.over ul ul {left: -1000em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
left: auto;
}
ul#nav li.over ul li ul,
ul#nav li:hover ul li ul {
display: none;
}
ul#nav li.over ul li.over ul,
ul#nav li:hover ul li:hover ul {
display: block;
}[/codebox]

Edição feita por: Augusto Saggese, 07/03/2008, 11:13.

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#29 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 07/03/2008, 13:14

Bom, já que você acha que os administradores não respondem, vou deixar um deles ter a honra.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#30 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 07/03/2008, 13:28

Esse artigo tem um excelente exemplo de menu. Ele usa um arquivo *.htc para definir um novo behavior que só funcionará no IE. É só copiar a marcação e o CSS, depois você troca as imagens. Vai ficar muito bom no seu site.

PNG transparente só vai funcionar no IE se for colocado diretamente no HTML (através da tag <img>). No CSS ele não funciona. GIF, se você souber como usar corretamente, e não esperar muito em troca, fica bom sim.

Pronto, um administrador te respondeu. (y)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br




0 user(s) are reading this topic

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

IPB Skin By Virteq