Tema: Imagen repetida infinitas veces
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/11/2011, 04:14
kidart
 
Fecha de Ingreso: junio-2010
Mensajes: 108
Antigüedad: 14 años, 5 meses
Puntos: 2
Imagen repetida infinitas veces
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
  1. <!DOCTYPE HTML>
  2. <html lang="en-us">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <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.">
  6.     <meta name="Keywords" content="">
  7.     <title>AVALON DREAMS - CACHORROS</title>
  8.     <link rel="stylesheet" href="css/html5.css" type="text/css" />
  9.     <link rel="stylesheet" href="css/avalon.css" type="text/css" />
  10.     <link href="css/jScrollPane.css" rel="stylesheet" type="text/css" />
  11.  
  12.     <!--[if IE]>
  13.         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  14.     <![endif]-->
  15.     <!--[if lt IE 9]>
  16.         <link rel="stylesheet" type="text/css" href="css/avalonIE.css" />
  17.         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
  18.     <![endif]-->
  19.     <!--[if lt IE 7]>
  20.         <link rel="stylesheet" type="text/css" media="all" href="css/avalonIE6.css"/>
  21.     <![endif]-->
  22.     <style type="text/css">
  23. .clear {
  24.     clear: both;
  25.     visibility: hidden;
  26.     overflow: hidden;
  27.     height: 0px;
  28.     }
  29. </style>
  30. </head>
  31. <body>
  32.     <div class="wrapper">
  33.         <div class="main galeria">
  34.             <header>
  35.  
  36.                 <nav>
  37.                     <ul>
  38.                         <li><a href="nosotras.html" title="NOSOTRAS" id="header_nav_nosotras">NOSOTRAS</a></li>
  39.                         <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>
  40.                         <li><a href="#" title="CACHARROS" id="header_nav_cachorros">CACHARROS</a></li>
  41.                         <li><a href="galeria.html" title="NUESTROS GATOS" id="header_nav_nuestros_gatos">NUESTROS GATOS</a></li>
  42.  
  43.                         <li><a href="http://www.avdreamscattery.blogspot.com" title="BLOG" id="header_nav_blog">BLOG</a></li>
  44.                         <li><a href="contacto.html" title="CONTACTO" id="header_nav_contacto">CONTACTO</a></li>
  45.                     </ul>
  46.                 </nav>
  47.                 <hgroup>
  48.                     <h1><a href="index.html" title="AVALON DREAMS - SIAMESES & ORIENTALES">AVALON DREAMS - SIAMESES & ORIENTALES</a></h1>
  49.                     <h3 id="royal_canin"><a href="javascript:void(0);" title="ROYAL CANIN">ROYAL CANIN</a></h3>
  50.  
  51.                     <h3 id="fedagat"><a href="http://fedagat.blogspot.com/" title="FEDAGAT">FEDAGAT</a></h3>
  52.                   <h3 id="fefi"><a href="http://fifeweb.org" title="FIFE">FIFE</a></h3>
  53.                     <h3 id="tica"><a href="http://www.tica.org/" title="TICA">TICA</a></h3>
  54.                     <h3 id="fundacion"><a href="http://www.asociacion-felina-argentina.com/" title="AFA">AFA</a></h3>
  55.                 </hgroup>
  56.            </header>
  57.             <div>
  58.  
  59.                 <section id="cachorros">
  60.                     
  61.                     <div class="contenedor_mas_informacion">
  62.                         <ul>
  63.                             <li><a href="mailto:[email protected]" title="Escribinos!!!"  
  64.                                 style="display: block; width: 819px; height: 349px; background: url(img/cachorros_1.png) no-repeat; 
  65.                                 text-indent: -9999px; float:left; border: none; outline: none; font-size: 9px; font-family: Tahoma, Arial;" 
  66.                                 target="_blank"/></li>
  67.                         </ul>
  68.                     </div>   
  69.                     <div class="clear"></div>                 
  70.                 </section>
  71.             </div>
  72.             <footer>
  73.  
  74.                     <span>2011&copy; Avalon Dreams. Todos los derechos reservados</span>
  75.                 </footer>
  76.         </div>
  77.     </div>
  78.    </body>
  79. </html>


Código CSS: 
Ver original
  1. #mas_informacion
  2. {
  3.     width:783px;
  4.     margin:20px auto;
  5.     background:url(../img/back_cachorros.png) repeat 0 0;
  6.     padding:25px 22px 20px 22px;
  7.     height:393px;
  8.     font-family:Arial, Verdana;
  9.     color:#fff;
  10.     position:relative;
  11.     -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.7);
  12.     -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.7);
  13.     box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.7);
  14.  
  15. }        
  16.     #mas_informacion > header
  17.     {
  18.         
  19.     }
  20.         #mas_informacion > header h1
  21.         {
  22.             text-indent:-9999px;
  23.             overflow:hidden;
  24.             background:url(../img/titulo_mas_informacion.png) no-repeat 0 0;
  25.             width:471px;
  26.             height:49px;            
  27.             /*font-size:40px;*/
  28.             /*font-weight:bold;*/            
  29.             padding:0px;
  30.             margin:0px;
  31.             /*line-height:100%;*/
  32.             /*margin:0 0 16px 0;*/
  33.         }
  34.     .contenedor_mas_informacion > ul
  35.     {
  36.         display:block;        
  37.         padding:0px;
  38.         margin:0px;
  39.     }
  40.         .contenedor_mas_informacion ul li
  41.         {
  42.             display:block;
  43.             width:471px;
  44.             height:16px;
  45.             margin:20px 0;
  46.             list-style:none;
  47.             padding:0px;
  48.         }
  49.             .contenedor_mas_informacion ul li a
  50.             {
  51.                 display:block;
  52.                 text-indent:-9999px;
  53.                 display:block;
  54.                 width:471px;
  55.                 height:16px;
  56.                 outline:none;                
  57.             }
  58.                 #raza 
  59.                 {
  60.                     background:url(../img/raza.png) no-repeat 0 0;
  61.                 }
  62.                 #sanitarias 
  63.                 {
  64.                     background:url(../img/sanitarias.png) no-repeat 0 0;
  65.                 }
  66.                  #entrega 
  67.                 {
  68.                     background:url(../img/entrega.png) no-repeat 0 0;
  69.                 }