Foros del Web » Creando para Internet » CSS »

problema con repeat-y

Estas en el tema de problema con repeat-y en el foro de CSS en Foros del Web. buenas tengo un problema. el navegador firefox no me reconoce esto.. opera como explorer s lo hacen... como lo soluciono??? TD.MenuBack { BACKGROUND-POSITION: left top; ...
  #1 (permalink)  
Antiguo 05/02/2010, 14:48
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
problema con repeat-y

buenas tengo un problema. el navegador firefox no me reconoce esto.. opera como explorer s lo hacen... como lo soluciono???


TD.MenuBack
{
BACKGROUND-POSITION: left top;
BACKGROUND-IMAGE: url(images/LeftBack.jpg);
BACKGROUND-REPEAT:repeat-y
}



gracias
  #2 (permalink)  
Antiguo 05/02/2010, 15:08
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: problema con repeat-y

Te falta cerrar la declaracion del background-repeat con punto y coma (;).

Código CSS:
Ver original
  1. td.MenuBack {
  2. background-position: left top;
  3. background-image: url(images/LeftBack.jpg);
  4. background-repeat: repeat-y;
  5. }

De todos modos esto se puede hacer shorthand:

Código CSS:
Ver original
  1. td.MenuBack {
  2. background: url(images/LeftBack.jpg) repeat-y left top;

Salud!
  #3 (permalink)  
Antiguo 05/02/2010, 15:15
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
Respuesta: problema con repeat-y

si es verdad eso fue solo un error al copiarlo hacia aqui pero asi y todo con ; no me marcha en firefox. no lo toma

en los demas navegadores no hay problema....

en algun momento dije que odio el diseño??? ejjeje
  #4 (permalink)  
Antiguo 05/02/2010, 15:24
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: problema con repeat-y

Cita:
Iniciado por rrecarte Ver Mensaje
en algun momento dije que odio el diseño??? ejjeje


La declaración está correctamente construida no te debe de dar error en Firefox, el problema debe venir por otro lado. ¿está la página que estás haciendo en algún sitio que se pueda ver? ¿o puedes poner más código por aquí?.

Salud!
  #5 (permalink)  
Antiguo 05/02/2010, 15:29
Avatar de LuisdaviD  
Fecha de Ingreso: octubre-2006
Mensajes: 74
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: problema con repeat-y

Puedes poner el html desde donde usas ese estilo...
  #6 (permalink)  
Antiguo 05/02/2010, 15:37
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
Respuesta: problema con repeat-y

<body leftmargin="0" topmargin="0">

<p align="center" class="NoBreakBeforeAfter">
<table cellpadding="0" cellspacing="0" class="Top" width="752">
<tr>
<td><img src="images/LogoLeft.jpg" WIDTH="112" HEIGHT="164"></td>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/Logo1.gif" WIDTH="251" HEIGHT="103"></td>
</tr>
<tr>
<td><img src="images/Logo2.jpg" WIDTH="251" HEIGHT="61"></td>
</tr>
</table>
</td>
<td width="100%">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="TopBar1"><img src="_blank.gif" width="1" height="103"></td>
</tr>
<tr>
<td class="TopBar2" valign="Top" width="100%">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><a href="<?php echo $lugar; ?>"><img src="images/indexselectreg.jpg" WIDTH="67" HEIGHT="23" border="0"></a></td>
<td width="25%"></td>
<td></td>
<td width="25%"></td>
<td></td>
<td width="25%"></td>
<td></td>
<td width="25%"></td>
<td></td>
<td><img src="_blank.gif" width="10" height="1"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="TopBar2"><img src="_blank.gif" width="1" height="38"></td>
</tr>
</table>
</td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" class="Middle" width="752">
<tr>
<td></td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" class="Middle" width="752">
<tr>
<td valign="top" height="1">
<table cellpadding="0" cellspacing="0" height="100%">
<tr height="0">
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tr>
<td><a href="log_out.php"><img src="images/salir.jpg" border="0" width="122" height="25"></a></td>
</tr>
<tr>
<td><a href="envia_form_php.php"><img src="images/MenuLinkContactUs.jpg" border="0" width="122" height="25"></a></td>
</tr>
<tr>
<td><a href="index.php?login=si"><img src="images/blanco.jpg" border="0" width="122" height="25"></a></td>
</tr>
<tr>
<td><a href="index.html"><img src="images/blanco.jpg" border="0" width="122" height="25"></a></td>
</tr>
<tr>
<td><a href="index.html"><img src="images/blanco.jpg" border="0" width="122" height="25"></a></td>
</tr>
</table>
</td>
<td><img src="images/MenuRight.jpg" width="82" height="125"></td>
</tr>
</table>
</td>
</tr>
<tr height="0">
<td><img src="images/MenuBottom.jpg" width="204" height="37"></td>
</tr>
<tr height="100%">
<td class="MenuBack"></td>
</tr>
<tr height="0">
<td><a href="index.html"><img src="images/ContactInfo.jpg" border="0" width="204" height="117"></a></td>
</tr>
</table>
</td>
<td width="100%" class="Gray" valign="top">
<table cellpadding="0" align="center" border="1" cellspacing="0">
<th ><?php echo "<img src='$img' width='70px' >"; ?></th>
</table>
<table border="0" width="100%">
<td><img src="images/bgmain.gif" border="0" width="530" height="4"></td>
</table>
<table border="0">
<td>Nombre: <? echo $nick ; ?> </td>
</tr>
<tr>
<td>Telefono: <? if ($tel==si) { echo $tel; }?> </td>

<td width="50%"></td>
<td> <span class="Estilo1">U$S:</span> <? echo $precio ; ?></td>
<td></td>
</tr>
<tr>
<td>Celular: <? if ($cel==si) { echo $cel; }?> </td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><img src="images/bgmain.gif" border="0" width="530" height="4"></td>
</tr>
</table>
<table width="100%" bgcolor="#999999" background="0">
<tr>
<td class="Estilo3" >Datos Tecnicos:<p></td>
</tr>
<tr>
<td width="40%">Modelo: <? echo $modelo ; ?> </td>
<td width="30%"> Año: <? echo $ano ; ?> </td>
<td width="30%"> Kilometros: <? echo $camino; ?></td>
</tr>
<tr>
<td width="40%">Combustible: <? echo $combustible ; ?> </td>
<td width="30%">Puertas: <? echo $puertas ; ?> </td>
<td width="30%">Cilindrada: <? echo $cilindrada; ?> &nbsp; <? if (empty($valvulas)){ }else{ echo $valvulas ; echo V ; }?> </td>
</tr>
</table>
<table width="100%">
<td width="20%" valign="middle" ><?php if (empty($foto1)) { echo "<img src='images/ImagenNoDisponible.jpg' width='80px' >"; }else{ ?> <a href="<? echo $foto1 ;?>" rel="lightbox[roadtrip]" title="Mis Fotos"> <?php echo "<img src='$foto1' width='80px' >";} ?> </a></td>
<td width="20%" valign="middle"><?php if (empty($foto2)) { echo "<img src='../images/ImagenNoDisponible.jpg' width='80px' >"; }else{ ?> <a href="<? echo $foto2 ;?>" rel="lightbox[roadtrip]" title="Mis Fotos"> <?php echo "<img src='$foto2' width='80px' >";} ?> </a> </td>
<td width="20%" valign="middle"><?php if (empty($foto3)) { echo "<img src='../images/ImagenNoDisponible.jpg' width='80px' >"; }else{ ?> <a href="<? echo $foto3 ;?>" rel="lightbox[roadtrip]" title="Mis Fotos"> <?php echo "<img src='$foto3' width='80px' >";} ?> </a></td>
<td width="20%" valign="middle" ><?php if (empty($foto4)) { echo "<img src='../images/ImagenNoDisponible.jpg' width='80px' >"; }else{ ?> <a href="<? echo $foto4 ;?>" rel="lightbox[roadtrip]" title="Mis Fotos"> <?php echo "<img src='$foto4' width='80px' >";} ?> </a></td>
<td width="20%" valign="middle" ><?php if (empty($foto5)) { echo "<img src='../images/ImagenNoDisponible.jpg' width='80px' >"; }else{ ?> <a href="<? echo $foto5 ;?>" rel="lightbox[roadtrip]" title="Mis Fotos"> <?php echo "<img src='$foto5' width='80px' >";} ?> </a></td>
</table>
<table width="100%" >


<tr><br>
<td class="Estilo3" >Equipamiento:<p></td>
</tr>
<tr>

<td width="30%"><? if ($vidrios==si) { echo 'Levanta Cristales' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
<td width="30%"><? if ($direccion==asistida) { echo 'Direccion Asistida' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($direccion==idraulica) { echo 'Direccion Idraulica' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
<td width="40%"><? if ($llantas==si) { echo 'Llantas aleacion' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
</tr>
<tr>
<td width="30%"><? if ($techo==si) { echo 'Techo solar' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
<td width="30%"><? if ($faros==si) { echo 'Faros anti niebla' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
<td width="40%"><? if ($parabrisas==si) { echo 'Limpia Parabrisas Posterior' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
</tr>
<tr>
<td width="30%"><? if ($airbag==si) { echo 'Air bag' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
<td width="30%"><? if ($abs==si) { echo 'Frenos Abs' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
<td width="40%"><? if ($espejos==si) { echo 'Espejos Electricos' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
</tr>
<tr>
<td width="30%"><? if ($bloqueo==si) { echo 'Bloqueo' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
<td width="30%"><? if ($transmision==automatica) { echo 'Transmision Automatica' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($transmision==secuencial) { echo 'Transmision Secuencial' . ' ' . "<img src='img/tick.gif' >" ; } ?></td>
<td width="40%"><? if ($audio==radio) { echo 'Audio: Radio' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($audio==cd) { echo 'Audio: CD' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($audio==mp3) { echo 'Audio: CD MP3 ' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($audio==usb) { echo 'Audio: CD,MP3,USB' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
</tr>
<tr>
<td width="30%"><? if ($aire==si) { echo 'Aire Acondicionado' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
<td width="30%"><? if ($inyeccion==mono) { echo 'Inyeccion Monopunto' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($inyeccion==multi) { echo 'Inyeccion Multipunto' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
<td width="40%"><? if ($turbo==turbo) { echo 'Turbo' . ' ' . "<img src='img/tick.gif' >" ; } elseif ($turbo==diesel) { echo 'Turbo Diesel' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
</tr>
<tr>
<td width="30%"><? if ($alarma==si) { echo 'Alarma' . ' ' . "<img src='img/tick.gif' >" ; } ?> </td>
</table>


</tr>


</table>

<table width="752" height="195" cellpadding="0" cellspacing="0" class="top">
<tr>
<td height="36" class="Gray"><div align="center" class="Estilo4">Datos Extras </div></td>
</tr>
<tr>
<td height="150" width="752" class="algo" align="center"><? echo $extra ; ?></td>
</tr>
</table>

<table width="752" height="36" cellpadding="0" cellspacing="0" class="top">
<tr>
<td height="34" class="BottomBar">&nbsp;</td>
</tr>
</table>

</body>

</html>
<?php } ?>
  #7 (permalink)  
Antiguo 05/02/2010, 15:38
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
Respuesta: problema con repeat-y

af poco se entiende no se porque lo pego de esta manera.. en vez de ordenado como lo tengo...
  #8 (permalink)  
Antiguo 05/02/2010, 15:39
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
Respuesta: problema con repeat-y

el problema esta en esta parte <tr height="0">
<td><img src="images/MenuBottom.jpg" width="204" height="37"></td>
</tr>
<tr height="100%">
<td class="MenuBack"></td>
</tr>
<tr height="0">
<td><a href="index.html"><img src="images/ContactInfo.jpg" border="0" width="204" height="117"></a></td>
  #9 (permalink)  
Antiguo 05/02/2010, 16:03
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: problema con repeat-y

Pues la verda no sé qué puede ser. lo he montado y funciona correctamente le background. ¿será un problema con el nombre del archivo? ¿o con la ruta de la imagen? ¿o un conflicto con otra regla css?

También el td .MenuBack lo tienes vacio, si pones una imagen que se repita en el eje y (vertical) no lo podrás apreciar, en el ejemplo he puesto un párrafo en el td.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
  2.     <head>
  3.         <meta name="generator" content="HTML Tidy, see www.w3.org">
  4.  
  5.         <title></title>
  6. <style type="text/css">
  7.       td.MenuBack {
  8.       background: #333 url(http://static.forosdelweb.com/fdwtheme/back-thead.png) repeat-x left top;
  9.       }
  10.     </head>
  11.  
  12.     <body>
  13.         <table>
  14.             <tr>
  15.                 <td><img alt="" src="images/MenuBottom.jpg" width=
  16.                "204" height="37"></td>
  17.             </tr>
  18.  
  19.             <tr height="100%">
  20.                 <td class="MenuBack">
  21.                     <p>hola que tal!</p>
  22.                 </td>
  23.             </tr>
  24.  
  25.             <tr>
  26.                 <td><a href="index.html"><img alt="" src=
  27.                "images/ContactInfo.jpg" border="0" width="204"
  28.                height="117"></a></td>
  29.             </tr>
  30.         </table>
  31.     </body>
  32. </html>

Salud!
  #10 (permalink)  
Antiguo 05/02/2010, 16:36
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
Respuesta: problema con repeat-y

si, lo que hice fue poner como si existiera algo alli pero que no se vea.. repetido muchas veces y asi funciona.. lo que no hace es repetirlo automaticamente si se alarga la pag del otro lado.... esto se deberia repetir pero solo lo hace en explorer y opera no en firefox.. le dare un tamaño predeterminado y listo... muchas gracias
  #11 (permalink)  
Antiguo 05/02/2010, 16:44
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: problema con repeat-y

Hola:

Cita:
Iniciado por rrecarte Ver Mensaje
TD.MenuBack
{
BACKGROUND-POSITION: left top;
BACKGROUND-IMAGE: url(images/LeftBack.jpg);
BACKGROUND-REPEAT:repeat-y
}
De todas formas deberías acostumbrarte a usar minúsculas.

Saludos.


Etiquetas: Ninguno
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 22:23.