Foros del Web » Creando para Internet » CSS »

Chrome no reconoce links de barra de menu

Estas en el tema de Chrome no reconoce links de barra de menu en el foro de CSS en Foros del Web. Solo Chrome ha dejado de reconocer los links de la barra de menu de mi web. No es cosa de opciones porque lo he reinstalado. ...
  #1 (permalink)  
Antiguo 21/12/2010, 19:50
 
Fecha de Ingreso: diciembre-2010
Mensajes: 133
Antigüedad: 7 años
Puntos: 0
Chrome no reconoce links de barra de menu

Solo Chrome ha dejado de reconocer los links de la barra de menu de mi web.
No es cosa de opciones porque lo he reinstalado.
Firefox y Explorer reconocen los links de la barra.

Les dejo el código htm de la barra:

<script type="text/javascript" src="chrome.js"></script>

<style >
#MainMenu
{ width:87.5%;
text-align: center;
background: url("images/bmid_040.gif");
margin-left:6.75%;
margin-right:;
height: 100%;
border:;}
#tab
{ margin:0 auto;
top:0;}

#tab ul
{ margin: 0 auto;
padding:0;
list-style:none;
float:left;}

#tab li
{display:inline;
margin:0 0 0 0;}

#tab a
{background:#000000 url("images/bright_040.gif") no-repeat right top;
margin:0 auto;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;margin-bottom:50px;}

#tab a span
{display:block;
background:url("images/bleft_040.gif") no-repeat left top;
padding:0 10px 0 10px;
font-family: georgia;
font-size:100%;
font-weight:bold;
line-height:230%;}

#tab a:hover,#tab li.item_active a
{background-position:right bottom;
border-color:#000000;}

#tab a:hover span,#tab li.item_active a span
{background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;;}

.dropmenudiv
{ position:;
top:0;
float:none;
display:block;
visibility:hidden;
border:0 solid #330066;
background: url("images/bleft_040.gif");
z-index:100;
text-decoration:none;
padding:;}

.dropmenudiv ul
{ margin:0 auto;
width:85.5%;
padding:0;
list-style:none;}

.dropmenudiv li
{ display:inline;
margin:0 auto;
padding:0 auto;}

.dropmenudiv a:link, .dropmenudiv a:visited
{ width:100%;
margin:0 auto;
padding:0;
display:block;
border:0 solid #000000;
background:url("images/bleft_040.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;;}

.dropmenudiv a span
{ float:;
display:block;
line-height:100%;
background:url("images/bleft_040.gif") no-repeat right top;
padding:0 2.1% 0 2.1%;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;}

.dropmenudiv a span
{float:none;}

.dropmenudiv a:hover
{ border:0 solid #000000;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;}

.dropmenudiv a:hover span
{background-position:right bottom;
font-weight:bold;}
</style>
<div style="position: relative; width: 100%; margin: auto;">
<div id="MainMenu">
<div id="tab">
<ul>
<li><a href="index.htm"><span>inicio</span></a></li>
<li><a href="1cine-raro%20espanol.htm"><span>cine-raro español</span></a></li>
<li><a href="donde%20verlas.htm"><span>dónde verlas</span></a></li>
<li><a href="series.htm"><span>series</span></a></li>
<li><a href="espana.htm"><span> España </span></a></li>
<li><a href="pagina%20en%20construccion.htm"><span>compra s</span></a></li>
<li><a href="correo.htm"><span>escríbenos</span></a></li>
<li><a href="donativos.htm"><span>ayúdanos
<img alt="" src="paypal-icon.gif"style="position: relative; top:42%;right:0%;"></span></a></li></ul></div></div></div>
  #2 (permalink)  
Antiguo 21/12/2010, 20:40
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 7 años
Puntos: 4
Respuesta: Chrome no reconoce links de barra de menu

declaras muchas veces propiedades a los links <a>

deberias organizarte mas, que tu codigo CSS es algo una sopa de desmapaye.
Usa clases o mete estos "links" dentro de un div contenedor.

Ejemplo: div id="contentlink"

y quita decoraciones con #contentlink a {text-decoration:none;}
despues da propiedades a estos mismos links con lo siguiente:

#contentlink a:link {aqui propiedades;}
#contentlink a:hover {aqui propiedades;}
#contentlink a:visited {aqui propiedades;}
#contentlink a:active {aqui propiedades;}

Debe de funcionar, ya que por ejemplo.
dar un color a #div a, despues das otra decoracion a #div a span, despues das otra decoracion a #div a:link

sabiendo que si solo aplicas todas las propiedades a cualquiera de estas, surgira efecto, pero no entiendo, el erro debe estar a qu sesobreponen valores uno de otros, y chrome no ha de entenderlo XD

P.D: al usar una lista desordenada, no creo que sea necesario el span.
Ya si usas el span para darle algunas propiedades que ya tienes especificadas en tu CSS, no lo creo conveniente pues, tambien tendrias que declarar link, hover, active, visited.

Saludos
  #3 (permalink)  
Antiguo 21/12/2010, 20:42
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Chrome no reconoce links de barra de menu

q raro, acabo de copiar y pegar el mismo codigo q dejaste, y a mi si me funciona en chrome..

proba de nuevo
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #4 (permalink)  
Antiguo 21/12/2010, 23:12
 
Fecha de Ingreso: diciembre-2010
Mensajes: 133
Antigüedad: 7 años
Puntos: 0
Respuesta: Chrome no reconoce links de barra de menu

Gracias por las respuestas.
Yo se que soy un poco chapucero y es que he aprendido solo mediante la prueba acierto y error.

Ya se lo que pasa: debajo puse otro div con un vídeo en un object y hace conflicto con éste div:

<div style="position: relative; top:0px; left:100px; "><object width="720" height="559"><param name="movie" value="http://www.youtube.com/v/fHpV5-pRwHU?fs=1&amp;hl=es_ES&amp;rel=0"></param<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess"value="always"></param><embed src="http://www.youtube.com/v/fHpV5-pRwHU?fs=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="519" height="404"></embed></object ></div>

Cuando el <object> no estaba contenido en el div todo funcionaba, pero si le quito el <div> no le puedo dar estilo... ¿Cómo puedo hacer que funcionen ambos?
  #5 (permalink)  
Antiguo 21/12/2010, 23:21
 
Fecha de Ingreso: diciembre-2010
Mensajes: 133
Antigüedad: 7 años
Puntos: 0
Respuesta: Chrome no reconoce links de barra de menu

Le he metido un <br> entre medias de ambos y ya funciona la barra del menú.

Otra chapuza más de mi cosecha.

Gracias por ayudarme, visiten mi web si les gusta el cine.

www.cineraro.com

Última edición por marcelo1043; 21/12/2010 a las 23:27

Etiquetas: barra, chrome, links, reconoce
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:07.