Menu Rollover en el header

PaulaNany · #1 (**permalink**) 25/06/2010, 08:32

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() ) { ?> » 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">

</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 © 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">
        &n bsp;      <a class="menu" href="informations"></a>    <a class="menu" href="career"></a>    <a class="menu" href="http://www.a-seyfried.com/photos"></a>    <a class="menu" href="medias"></a>     <a class="menu" href="website"></a>    <a class="menu" href="online"></a><br><br><br><br><br><br><br><br><br><br><br><br> <br><br>                &n bsp;       &nbs p;                 &n bsp;   <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

all-ill · #2 (**permalink**) 25/06/2010, 16:25

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.

PaulaNany · #3 (**permalink**) 26/06/2010, 17:15

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..

all-ill · #4 (**permalink**) 26/06/2010, 18:29

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.

PaulaNany · #5 (**permalink**) 26/06/2010, 19:13

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

all-ill · #6 (**permalink**) 27/06/2010, 02:12

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 originalimg {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 0.10em;
    margin: 1px;
    padding:3px;
    -moz-opacity: 1.0;
    background-color: #ffffff;
    }
 
 
  img:hover {
    border:1px solid #f3afc9;
    -moz-border-radius: 0.10em;
    margin: 1px;
    padding:3px;
    -moz-opacity: 1.0;
    background-color: #ffffff;
    }

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;)

PaulaNany · #7 (**permalink**) 27/06/2010, 09:17

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