Imagen repetida infinitas veces

kidart · #1 (**permalink**) 18/11/2011, 04:14

Hola, lo consulto esta vez por el siguiente tema.

Tengo este html.
La imagen png se REPITE miles de veces, tiene que estar solo UNA!

Le aplique la funcion no repeat, pero igualmente sigue repitiendose al infinito, no entiendo si es que me falta cerrar alguna etiqueta o un problema de css!

Pego el codigo del html y el css, por favor ayuda con esto!

HTML:

Código HTML:

Ver original<!DOCTYPE HTML>
<html lang="en-us">
<head>
    <meta charset="utf-8" />
    <meta name="Description" content="Somos Avalon Dreams, un criadoero de gatos <strong>Siameses</strong>  y Orientales basado en Buenos Aires, ARGENTINA. Los invitamos a ver nuestro sitio y suscribirse al mailing list para enterarse de las últimas novedades.">
    <meta name="Keywords" content="">
    <title>AVALON DREAMS - CACHORROS</title>
    <link rel="stylesheet" href="css/html5.css" type="text/css" />
    <link rel="stylesheet" href="css/avalon.css" type="text/css" />
    <link href="css/jScrollPane.css" rel="stylesheet" type="text/css" />
 
    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/avalonIE.css" />
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->
    <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" media="all" href="css/avalonIE6.css"/>
    <![endif]-->
    <style type="text/css">
.clear {
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
    }
</style>
</head>
<body>
    <div class="wrapper">
        <div class="main galeria">
            <header>
 
                <nav>
                    <ul>
                        <li><a href="nosotras.html" title="NOSOTRAS" id="header_nav_nosotras">NOSOTRAS</a></li>
                        <li><a href="mas_informacion.html" title="M&Aacute;S INFORMACI&Oacute;N" id="header_nav_mas_informacion" class="active">M&Aacute;S INFORMACI&Oacute;N</a></li>
                        <li><a href="#" title="CACHARROS" id="header_nav_cachorros">CACHARROS</a></li>
                        <li><a href="galeria.html" title="NUESTROS GATOS" id="header_nav_nuestros_gatos">NUESTROS GATOS</a></li>
 
                        <li><a href="http://www.avdreamscattery.blogspot.com" title="BLOG" id="header_nav_blog">BLOG</a></li>
                        <li><a href="contacto.html" title="CONTACTO" id="header_nav_contacto">CONTACTO</a></li>
                    </ul>
                </nav>
                <hgroup>
                    <h1><a href="index.html" title="AVALON DREAMS - SIAMESES & ORIENTALES">AVALON DREAMS - SIAMESES & ORIENTALES</a></h1>
                    <h3 id="royal_canin"><a href="javascript:void(0);" title="ROYAL CANIN">ROYAL CANIN</a></h3>
 
                    <h3 id="fedagat"><a href="http://fedagat.blogspot.com/" title="FEDAGAT">FEDAGAT</a></h3>
                  <h3 id="fefi"><a href="http://fifeweb.org" title="FIFE">FIFE</a></h3>
                    <h3 id="tica"><a href="http://www.tica.org/" title="TICA">TICA</a></h3>
                    <h3 id="fundacion"><a href="http://www.asociacion-felina-argentina.com/" title="AFA">AFA</a></h3>
                </hgroup>
           </header>
            <div>
 
                <section id="cachorros">
                    
                    <div class="contenedor_mas_informacion">
                        <ul>
                            <li><a href="mailto:[email protected]" title="Escribinos!!!"  
                                style="display: block; width: 819px; height: 349px; background: url(img/cachorros_1.png) no-repeat; 
                                text-indent: -9999px; float:left; border: none; outline: none; font-size: 9px; font-family: Tahoma, Arial;" 
                                target="_blank"/></li>
                        </ul>
                    </div>   
                    <div class="clear"></div>                 
                </section>
            </div>
            <footer>
 
                    <span>2011&copy; Avalon Dreams. Todos los derechos reservados</span>
                </footer>
        </div>
    </div>
   </body>
</html>

Código CSS:

Ver original#mas_informacion
{
    width:783px;
    margin:20px auto;
    background:url(../img/back_cachorros.png) repeat 0 0;
    padding:25px 22px 20px 22px;
    height:393px;
    font-family:Arial, Verdana;
    color:#fff;
    position:relative;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.7);
 
}        
    #mas_informacion > header
    {
        
    }
        #mas_informacion > header h1
        {
            text-indent:-9999px;
            overflow:hidden;
            background:url(../img/titulo_mas_informacion.png) no-repeat 0 0;
            width:471px;
            height:49px;            
            /*font-size:40px;*/
            /*font-weight:bold;*/            
            padding:0px;
            margin:0px;
            /*line-height:100%;*/
            /*margin:0 0 16px 0;*/
        }
    .contenedor_mas_informacion > ul
    {
        display:block;        
        padding:0px;
        margin:0px;
    }
        .contenedor_mas_informacion ul li
        {
            display:block;
            width:471px;
            height:16px;
            margin:20px 0;
            list-style:none;
            padding:0px;
        }
            .contenedor_mas_informacion ul li a
            {
                display:block;
                text-indent:-9999px;
                display:block;
                width:471px;
                height:16px;
                outline:none;                
            }
                #raza 
                {
                    background:url(../img/raza.png) no-repeat 0 0;
                }
                #sanitarias 
                {
                    background:url(../img/sanitarias.png) no-repeat 0 0;
                }
                 #entrega 
                {
                    background:url(../img/entrega.png) no-repeat 0 0;
                }

IsaBelM · #2 (**permalink**) 18/11/2011, 06:32

lee los valores que se le puede asignar a la propiedad background-repeat

kidart · #3 (**permalink**) 18/11/2011, 09:16

hola, te agradezco la respuesta, pero ya tengo la funcion no-repeat en el background, igual se sigue repitiendo!!!

Esa es mi pregunta!

kramerIXI · #4 (**permalink**) 18/11/2011, 11:33

Bueno he estado echando un vistazo a tu html en la pagina web directamente, y el problema es que tienes repetido el enlace hasta la saciedad. Por que lo tienes asi?

Un saludo

kidart · #5 (**permalink**) 18/11/2011, 12:16

hola kramer, justamente eso es lo que estoy queriendo solucionar:

en el codigo el enlace esta una sola vez, pero cuando abro el archivo en el firefox se repite infinitas veces... no entiendo por que!

Alguien me puede ayudar?

zerokilled · #6 (**permalink**) 18/11/2011, 12:44

buenas,
valida y corrige el documento. tiene varios errores y aunque no lo he verificado no me extrañaría que sea la fuente del por qué el navegador tiene ese comportamiento raro.

kidart · #7 (**permalink**) 18/11/2011, 12:52

perdoname la ignorancia, pero como valido el documento?
el tema es que la web la armo un programador, pero ahora no me quiere corregir lo que esta mal y yo no tengo mucha experiencia en html...
graciassssss

zerokilled · #8 (**permalink**) 18/11/2011, 13:26

para validar un documento html puedes usar el servicio online markup validation service de w3.org. éste te listará todos los posibles errores en la estructura html de acuerdo al tipo de documento. tienes que leer detenidamente los detalles para comprender de que trata los errores y en base a eso actuar. espero que con el conocimiento que tienes sea suficiente.

kidart · #9 (**permalink**) 18/11/2011, 13:43

Espectacuylar, lo solucione con esa pagina de validacion.

Faltaba cerrar una etiqueta!

Gracias.