Foros del Web » Creando para Internet » Diseño web »

Menu Rollover en el header

Estas en el tema de Menu Rollover en el header en el foro de Diseño web en Foros del Web. Estoy teniendo un problema al colocar un menú rollover en el header porque por alguna extraña razón,al colocar el código en el hader,se agrega un ...
  #1 (permalink)  
Antiguo 25/06/2010, 09:32
 
Fecha de Ingreso: marzo-2010
Mensajes: 24
Antigüedad: 7 años, 8 meses
Puntos: 1
Pregunta Menu Rollover en el header

Estoy teniendo un problema al colocar un menú rollover en el header porque por alguna extraña razón,al colocar el código en el hader,se agrega un borde blanco a la imágen: http://i45.tinypic.com/jv143m.jpg . Cuando,por el contrario,coloco el código por separado en otro archivo,el borde no se ve(que es lo que debería suceder cuando lo coloco en el header)
Dejo acá el code de mi header para ver si encuentran el error:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/global.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.js"></script>

<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<meta name="description" content="Your new french source for Miss Amanda Seyfried , who you can see in Mamma Mia , Mean Girls , Dear John , and Jennifer's Body.">
<meta name="Keywords" content="Amanda seyfried , Dear John , Megan Fox , jennifer's body , Mamma Mia ! , Letters to Juliet , Chloe , Mean Girls , Lolita malgrès moi , Movies , Actress , Photoshoot , Xella.">
<meta name="Author" content="Addict - Xella">
<meta name="Publisher" content="Amanda Seyfried">
<meta name="Copyright" content="www.a-seyfried.com &copy; 2009-2010">
<meta name="Identifier-URL" content="http://www.a-seyfried.com">
<meta name="Expires" content="never">
<meta name="Revisit-after" content="1 days">

<link rel="Shortcut Icon" href="http://www.a-seyfried.com/wordpress/wp-content/themes/Pink%20theme/img/vign.gif">

<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="header">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu" href="informations"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu" href="career"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu" href="http://www.a-seyfried.com/photos"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu" href="medias"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu" href="website"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu" href="online"></a><br><br><br><br><br><br><br><br><br><br><br><br> <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;<body onload="MM_preloadImages('http://greatest-designs.com.ar/home/wp-content/themes/wp2/img/hoome2.jpg')">
<a href="http://greatest-designs.com.ar/home"><img src="http://greatest-designs.com.ar/home/wp-content/themes/wp2/img/hoome.jpg" name="Image1" width="100" height="37" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','http://greatest-designs.com.ar/home/wp-content/themes/wp2/img/hoome2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
</body></html>


</div>
Espero respuestas
  #2 (permalink)  
Antiguo 25/06/2010, 17:25
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Respuesta: Menu Rollover en el header

Puedes revisar los archivos css.
Una manera de evitarlo podría ser usar:
img {border: 0;}
a img {border: 0;}

Aunque mejor mira antes los archivos css de tu sitio.
  #3 (permalink)  
Antiguo 26/06/2010, 18:15
 
Fecha de Ingreso: marzo-2010
Mensajes: 24
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: Menu Rollover en el header

Muchas gracias por responder :D
Y am..perdón por la ignorancia pero,qué es lo que tendría que revisar dentro de los archivos css? xD
Y el problema en realidad no es el "border" en sí,si no que al colocar ese code se en el HEADER se crea un borde..he colocado ese code por separado y no se genera ningún borde,se ve como debería..
  #4 (permalink)  
Antiguo 26/06/2010, 19:29
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Respuesta: Menu Rollover en el header

Creo que utilizas un tema de wordpress personalizado y que en alguno de los archivos css hay un código que indica que se añada el borde (puede ser border, outline...) a las imágenes o a los enlaces u otro caso parecido, a pesar de que no he visto el código css. Intenta mirarlo tú y si no lo encuentras quizá sería más fácil indicando el código css o mejor aún dejar la dirección del sitio donde se vea el problema para que algún usuario de forosdelweb pueda revisarlo.
  #5 (permalink)  
Antiguo 26/06/2010, 20:13
 
Fecha de Ingreso: marzo-2010
Mensajes: 24
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: Menu Rollover en el header

mm..he revisado el code pero no encuentro nada..será que no se observar bien..esta es la URL del sitio: http://greatest-designs.com.ar/home/ y así es como debería verse: http://greatest-designs.com.ar/home/wp-content/themes/wp2/mine.html
  #6 (permalink)  
Antiguo 27/06/2010, 03:12
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Respuesta: Menu Rollover en el header

En el archivo http://greatest-designs.com.ar/home/.../wp2/style.css entre las líneas 238 y 255 hay el siguiente código:
Código CSS:
Ver original
  1. img {
  2.     border: 1px solid #cdcdcd;
  3.     -moz-border-radius: 0.10em;
  4.     margin: 1px;
  5.     padding:3px;
  6.     -moz-opacity: 1.0;
  7.     background-color: #ffffff;
  8.     }
  9.  
  10.  
  11.   img:hover {
  12.     border:1px solid #f3afc9;
  13.     -moz-border-radius: 0.10em;
  14.     margin: 1px;
  15.     padding:3px;
  16.     -moz-opacity: 1.0;
  17.     background-color: #ffffff;
  18.     }

Lo que hace que se vea con bordes es tener padding:3px; con un fondo blanco (background-color: #ffffff;), además ahí se define que las imágenes tengan bordes (border:1px solid #f3afc9;)
  #7 (permalink)  
Antiguo 27/06/2010, 10:17
 
Fecha de Ingreso: marzo-2010
Mensajes: 24
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: Menu Rollover en el header

Muchisísimas gracias!
Ahí se solucionó!
:D :D
En serio MUCHAS GRACIAS!!
Sos un/a genio/a !! :D

Etiquetas: header, rollover
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:22.