html funciona nomal no local, em localhost não funciona certo

marcosr · Agosto 7, 2014

estou tentando fazer um menu, se eu abrir direto no navegador funciona normal, mais se eu digitar no navegador localhost/caminho../ nome_arquivo.html ele não executa o css os menu fica sem estilo.

tenho outras pagina funcionando no localhost e funciona normal

o script html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">

<title>Eletronica Elshadday</title>

</head><body>

<big>teste de menu

</big>

<li class="top"><a href="#nogo2" id="products" class="top_link">Ordem Serviço</a>

<li><a href="#nogo19">Adicionar</a></li>

<li><a href="#nogo20">Adic. ao Cliente</a></li>

<li><a href="#nogo19">Visualizar</a></li>

<li><a href="#nogo3" class="fly">Fechar</a>

<ul>

<li><a href="#nogo4">Pelo Código</a></li>

<li><a href="#nogo5">Pelo Cliente</a></li>

</ul>

</li>

<li class="mid"><a href="#nogo7" class="fly">Localizar</a>

<ul>

<li><a href="#nogo8">Pelo código</a></li>

<li><a href="#nogo9">Pelo Cliente</a></li>

</ul>

</li>

<li><a href="#nogo3" class="fly">Loc. Fechadas</a>

<ul>

<li><a href="#nogo4">Pelo Código</a></li>

<li><a href="#nogo5">Pelo Cliente</a></li>

</ul>

</li>

<li><a href="#nogo19">Vis. Fechadas</a></li>

</ul>

</li>

<li class="top"><a href="#nogo22" id="services" class="top_link">Clientes</a>

<li><a href="#nogo23">Adicionar</a></li>

<li><a href="#nogo24">Editar</a></li>

<li><a href="#nogo25">Excluir</a></li>

<li><a href="#nogo23">Visualizar</a></li>

<li><a href="#nogo3" class="fly">Localizar</a>

<ul>

</ul>

</li>

</ul>

</li>

<li class="top"><a href="#nogo27" id="contacts" class="top_link">Funcionário</a>

<li><a href="#nogo28">Adicionar</a></li>

<li><a href="#nogo49">Editar</a></li>

<li><a href="#nogo50">Excluir</a></li>

</ul>

</li>

</ul>

</body></html>

o scrit css

.preload1 {background: url(three_1.gif);}

.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

#nav li.top {display:block; float:left; height:38px;}

#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}

#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}

#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}

#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}

#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub

{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}

#nav li:hover ul.sub li

{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}

#nav li:hover ul.sub li a

{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}

#nav li ul.sub li a.fly

{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}

#nav li:hover ul.sub li a:hover

{background:#6a812c; color:#fff; border-color:#fff;}

#nav li:hover ul.sub li a.fly:hover

{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly

{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}

#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly

{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}

e scrit java

stuHover = function() {

var cssRule;

var newSelector;

for (var i = 0; i < document.styleSheets.length; i++)

for (var x = 0; x < document.styleSheets.rules.length ; x++)

{

cssRule = document.styleSheets.rules[x];

if (cssRule.selectorText.indexOf("LI:hover") != -1)

{

newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");

document.styleSheets.addRule(newSelector , cssRule.style.cssText);

}

var getElm = document.getElementById("nav").getElementsByTagName("LI");

for (var i=0; i<getElm.length; i++) {

getElm.onmouseover=function() {

this.className+=" iehover";

}

getElm.onmouseout=function() {

this.className=this.className.replace(new RegExp(" iehover\\b"), "");

}

if (window.attachEvent) window.attachEvent("onload", stuHover);

Entrar

html funciona nomal no local, em localhost não funciona certo

Pergunta

marcosr

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades