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

modifcar imagen para que no se repita

Estas en el tema de modifcar imagen para que no se repita en el foro de Diseño web en Foros del Web. Hola, estoy creando una página, tengo una imagen que está en el lado izquierdo de la página, el problema es que cuando la página crece ...
  #1 (permalink)  
Antiguo 11/11/2008, 14:26
 
Fecha de Ingreso: julio-2007
Mensajes: 37
Antigüedad: 10 años, 4 meses
Puntos: 0
modifcar imagen para que no se repita

Hola, estoy creando una página, tengo una imagen que está en el lado izquierdo de la página, el problema es que cuando la página crece verticalmente, la imagen se empieza a repetir. ¿hay manera de que no me suceda esto? que por mucho que crezca verticamente no se repita la imagen.

gracias
  #2 (permalink)  
Antiguo 11/11/2008, 15:00
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Pregunta Respuesta: modifcar imagen para que no se repita

¿Cuál es el código que estás usando para poner la imagen?.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 11/11/2008, 15:18
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: modifcar imagen para que no se repita

Cita:
Iniciado por lulial Ver Mensaje
Hola, estoy creando una página, tengo una imagen que está en el lado izquierdo de la página, el problema es que cuando la página crece verticalmente, la imagen se empieza a repetir. ¿hay manera de que no me suceda esto? que por mucho que crezca verticamente no se repita la imagen.

gracias
Código HTML:
<style type="text/css">

body {
background: url(imagen.gif);
background-attachment: fixed;
}
</style> 
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #4 (permalink)  
Antiguo 11/11/2008, 15:27
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: modifcar imagen para que no se repita

me imagino que estas usando una imagen como background, si es asi, solo dale en tus estilos

background-repeat: no-repeat;
  #5 (permalink)  
Antiguo 11/11/2008, 15:29
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: modifcar imagen para que no se repita

oops, deje esta ventana abierta mucho tiempo antes de responder, parece que en ese tiempo gVenom tuvo la misma idea acerca del fondo con la imagen, pero el fixed hace otro efecto... no estoy seguro que sea lo que se requiere, pero puede ser que si... esperemos la respuesta de lulial
  #6 (permalink)  
Antiguo 11/11/2008, 15:56
 
Fecha de Ingreso: julio-2007
Mensajes: 37
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: modifcar imagen para que no se repita

he puesto ese código, modificando el nombre de la imagen y no me ha funcionado.
  #7 (permalink)  
Antiguo 11/11/2008, 16:04
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: modifcar imagen para que no se repita

Cita:
Iniciado por lulial Ver Mensaje
he puesto ese código, modificando el nombre de la imagen y no me ha funcionado.
Podrias porfavor poner el código que estas utilizando para ver que es lo que haces
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #8 (permalink)  
Antiguo 11/11/2008, 16:24
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: modifcar imagen para que no se repita

Puesta ¿dónde?:
como fondo de la página, de una tabla, celda, div, párrafo...
Cita:
Iniciado por lulial Ver Mensaje
he puesto ese código, modificando el nombre de la imagen y no me ha funcionado.
No es cuestión de cómo se llame la imagen sino de las propiedades asignadas a esa imagen.
¿Qué navegador utilizas?
¿Más cosas? ¡Ah sí! Un secreto entre tú y yo, no lo cuentes, ¿vale?:
Los usuarios de foros del web somos malísimos... como adivinos
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 11/11/2008, 16:42
 
Fecha de Ingreso: julio-2007
Mensajes: 37
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: modifcar imagen para que no se repita

he puesto el código que me han mandado
<style type="text/css">
body {
background: url(parteizquierda.gif);
background-attachment: fixed;
}
</style>

esta imagen parteizquierda.gif corresponde a una tabla de disposición que he puesto en la parte izquierda de la hoja.
  #10 (permalink)  
Antiguo 11/11/2008, 16:48
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: modifcar imagen para que no se repita

Lo que queremos es todo el código, o al menos el html y css de esa imagen...
También navegador donde lo ves?

Aresillo!!
EDITO: Ese código hay que ponerlo entre <head> y </head>
  #11 (permalink)  
Antiguo 11/11/2008, 17:40
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: modifcar imagen para que no se repita

Cita:
Iniciado por lulial Ver Mensaje
he puesto el código que me han mandado
<style type="text/css">
body {
background: url(parteizquierda.gif);
background-attachment: fixed;
}
</style>

esta imagen parteizquierda.gif corresponde a una tabla de disposición que he puesto en la parte izquierda de la hoja.
Lulial, con ese código le aplicas la imagen al body, no a la taba o a una de sus celdas, así que posiblemente no la veas si hay algún elemento con un fondo sobre ella.

Y ya puestos, ese código se puede abreviar:
body {background: #ffffff url(parteizquierda.gif) no-repeat top left;}
#ffffff es el color para la parte que no cubre la imagen, en este caso blanco (puede ser también "trasparent" sin comillas)
Url (ruta) es la ruta a tu imagen.
no-repeat está claro
top left el punto de inserción de la imagen

He eliminado el fixed porque en ningún momento dices que deba estar fija.

Resumiendo: sólo tienes que aplicar el código al elemento al que quieras poner esa imagen.
Un saludo

Gracias por la corrección al despiste
;)
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 11/11/2008 a las 18:33
  #12 (permalink)  
Antiguo 11/11/2008, 21:25
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: modifcar imagen para que no se repita

Lulial, que tan difícil puede ser copiar y pegar tu código?. Lo que te dimos ya lo sabemos. Eso no lo necesitamos, necesitamos tu código. Ayudanos a ayudarte.
  #13 (permalink)  
Antiguo 12/11/2008, 09:18
 
Fecha de Ingreso: julio-2007
Mensajes: 37
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: modifcar imagen para que no se repita

este es todo el código:
no lo tengo aquí puesto, pero he probado en crear un estilo para la imagen del lado izquierdo poniendo que no se repitiera el fondo y sigue sin funcionar.


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.menuiconos {
color: #FFFFFF;
}
.TITULOS {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 600;
text-decoration: underline overline;
text-align: center;
text-transform: uppercase;
}
.TITULOS2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
text-align: center;
}
.CONTENIDO {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
left: 20px;
}
-->
</style>
</head>

<body bgcolor="#FFFFFF" text="#336666" link="#FF0000" vlink="#FF0000" alink="#000000" marginheight="10">
<table width="100%" border="0" align="center" bordercolor="#000066">
<!--DWLayoutTable-->
<tr>
<td height="122" colspan="2" valign="top">
<table width="100%" height="120" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="256" height="120" valign="top">
<style type="text/css">
<!--
. textanimlink,a {
text-decoration : none;
}
P.main {
font-family : Arial;
font-size : 12pt;
font-weight : bold;
}
-->
</style>
<Div id="textanim" style="position: absolute; left: 20; top: 110" onclick="breakf()">
</Div>
<Layer name="textanim" left=20 top=110> </Layer></td>
<td width="469" valign="top"> <div align="center"><img name="logo_Autom" src="imagenes/logo_Autom.jpg" width="453" height="120" border="0" alt="Automatismos Industriales"></div></td>
<td width="245" valign="top"> <div align="center"><img src="imagenes/imagen_dcha_animada.gif" alt="INGENIER&Iacute;A EN AUTOMATISMOS INDUSTRIALES" name="imagen_dcha_animada" width="230" height="90" vspace="7" border="0" align="middle"></div></td>
</tr>

</table></td>
<tr>
<td width="200" rowspan="3" valign="top" background="Templates/lado_izd.png">
<table width="210" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="30" height="50">&nbsp;</td>
<td width="180">&nbsp;</td>
</tr>
<tr>
<td height="32">&nbsp;</td>
<td align="left" valign="middle"> <p><a href="index.htm"><font size="4" face="Arial, Helvetica, sans-serif"></font></a></p></td>
</tr>
<tr>
<td height="43">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="42">&nbsp;</td>
<td align="left" valign="middle"><a href="NuestrosServicios.htm"><font size="4" face="Arial, Helvetica, sans-serif"><strong>Nuestros
servicios </strong></font></a></td>
</tr>
<tr>
<td height="38">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="42">&nbsp;</td>
<td align="left" valign="middle"><a href="NuestrasCualidades.htm"><font size="4" face="Arial, Helvetica, sans-serif"><strong>Nuestras
cualidades</strong></font></a><em><a href="NuestrasCualidades.htm"><font size="4" face="Arial, Helvetica, sans-serif"><strong>
</strong></font></a></em></td>
</tr>
<tr>
<td height="42">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="32"></td>
<td align="left" valign="middle"><a href="EspecialistasEn.htm"><font size="4" face="Arial, Helvetica, sans-serif"><strong>Especialistas
en..</strong></font></a></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
</tr>
</table></td>
<td width="100%" height="23" valign="top"> <table width="100%" height="21" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" background="Templates/menu_iconos.png" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td height="20" align="center" valign="middle"><a href="index.htm"><img src="imagenes/home.gif" alt="Inicio" width="17" height="16" border="0"></a></td>
<td align="center" valign="middle"> <font color="#FFFFFF" size="4" face="Times New Roman, Times, serif"><a href="index.htm" class="menuiconos">Inicio</a></font></td>
<td align="center" valign="middle"><a href="Mapa.htm"><img src="imagenes/mapa.gif" alt="Localizacion" width="15" height="15" border="0"></a></td>
<td valign="top"><font color="#FFFFFF" size="4"><a href="Mapa.htm" class="menuiconos">Localizaci&oacute;n</a></font></td>
<td align="center" valign="middle"><a href="Noticias.htm"><img src="imagenes/Noticias.gif" alt="Noticias automatismos industriales" width="22" height="16" border="0"></a></td>
<td valign="top"><font color="#FFFFFF" size="4"><a href="Noticias.htm" class="menuiconos">Noticias</a></font></td>
<td rowspan="2" align="center" valign="middle"><a href="Contacto.htm"><img src="imagenes/Contacto.gif" alt="Contacto valladolid automatismos" width="23" height="16" border="0"></a></td>
<td rowspan="2" valign="top"><font color="#6699CC" size="4"><a href="Contacto.htm" class="menuiconos">Contacto</a></font></td>
<td rowspan="2" align="center" valign="middle"><a href="empleo.htm"><img src="imagenes/ICON_NOT.gif" alt="Empleo automatista" width="16" height="16" border="0"></a></td>
<td rowspan="2" valign="top" class="menuiconos"><font color="#6699CC" size="4"><a href="empleo.htm" class="menuiconos">Empleo</a></font></td>
<td align="center" valign="middle"><a href="english.htm"><img src="imagenes/English.gif" alt="industrial automation" width="15" height="10" border="0"></a></td>
<td valign="top"><font color="#FFFFFF" size="4"><a href="english.htm" class="menuiconos">English</a></font></td>
<td rowspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height="1"></td>

</tr><tr><td height="1"><img src="/spacer.gif" alt="" width="51" height="1"></td><td><img src="/spacer.gif" alt="" width="55" height="1"></td><td><img src="/spacer.gif" alt="" width="50" height="1"></td><td><img src="/spacer.gif" alt="" width="55" height="1"></td><td><img src="/spacer.gif" alt="" width="50" height="1"></td><td><img src="/spacer.gif" alt="" width="68" height="1"></td><td><img src="/spacer.gif" alt="" width="50" height="1"></td><td><img src="/spacer.gif" alt="" width="73" height="1"></td><td><img src="/spacer.gif" alt="" width="50" height="1"></td><td><img src="/spacer.gif" alt="" width="60" height="1"></td><td><img src="/spacer.gif" alt="" width="50" height="1"></td><td><img src="/spacer.gif" alt="" width="62" height="1"></td><td></td></tr>
</table></td>
</tr>
<tr>
<td height="439" valign="top"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td width="10" height="128">&nbsp;</td>
<td width="100%" align="left" valign="top" bordercolor="#FFFFFF"><blockquote>

</blockquote>
<!-- InstanceBeginEditable name="Contenido" -->
<h6 align="center" class="TITULOS"><img src="Titulo.png" alt="Automatismos Industriales" width="419" height="132"></h6>
<p align="center" class="TITULOS2"><em>Automatismos de m&aacute;xima
calidad</em></p>
<table width="94%" height="327" border="0">
<tr>

<td width="34%"><img src="automatas.jpg" alt="instalaciones industriales complejas" width="194" height="291"></td>
</tr>
</table>
<p align="center" class="TITULOS2"><br>
</p>
<!-- InstanceEndEditable --></td>
</tr>

</table></td>
</tr>
<tr>
<td height="33" align="center" valign="bottom"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="29" align="center" valign="middle" background="Templates/lado_inferior.png">
<div align="center"><font color="#000000"><strong>&copy;2008 Automatismos Industriales S.L. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -Spain-</strong>
</font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="0" background="/Templates/lado_superior.png"></td>
<td background="/Templates/lado_superior.png"></td>
</tr><tr><td height="0"><img src="/spacer.gif" alt="" width="210" height="1"></td></tr>

</table>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3569838-1";
urchinTracker();
</script>
</body>
<!-- InstanceEnd --></html>
  #14 (permalink)  
Antiguo 12/11/2008, 10:13
 
Fecha de Ingreso: julio-2007
Mensajes: 37
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: modifcar imagen para que no se repita

me pasa con el explorer y con el mozila
  #15 (permalink)  
Antiguo 12/11/2008, 10:40
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: modifcar imagen para que no se repita

¿Podrías decirnos cuál es exactamente la imagen que se repite ahí en el código?.

P.S.: De paso, sermoneando un poco, por favor, no coloques estilos en el cuerpo de la página :, además, diseñar con tablas es raíz de toda suerte de problemas, véase: http://www.effectivetranslations.com/stupidtables/.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #16 (permalink)  
Antiguo 12/11/2008, 10:48
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Pregunta Respuesta: modifcar imagen para que no se repita

Solo por curiosidad, Que hace este style fuera del head y dentro del body?
Código HTML:
<body bgcolor="#FFFFFF" text="#336666" link="#FF0000" vlink="#FF0000" alink="#000000" marginheight="10">
<table width="100%" border="0" align="center" bordercolor="#000066">
<!--DWLayoutTable-->
<tr>
<td height="122" colspan="2" valign="top">
<table width="100%" height="120" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="256" height="120" valign="top">
[COLOR="Red"][B]<style type="text/css">
<!--
. textanimlink,a {
text-decoration : none;
}
P.main {
font-family : Arial;
font-size : 12pt;
font-weight : bold;
}
-->
</style>[/B][/COLOR]
<Div id="textanim" style="position: absolute; left: 20; top: 110" onclick="breakf()">
</Div>
<Layer name="textanim" left=20 top=110> </Layer></td>
<td width="469" valign="top"> <div align="center"><img name="logo_Autom" src="imagenes/logo_Autom.jpg" width="453" height="120" border="0" alt="Automatismos Industriales"></div></td>
<td width="245" valign="top"> <div align="center"><img src="imagenes/imagen_dcha_animada.gif" alt="INGENIER&Iacute;A EN AUTOMATISMOS INDUSTRIALES" name="imagen_dcha_animada" width="230" height="90" vspace="7" border="0" align="middle"></div></td>
</tr>

</table></td> 
Recuerda que los estilos deben ir entre
Código HTML:
<head> 
y
Código HTML:
</head> 
. y no se si estoy cansado pero no vi en ningunaparte donde es que usas el código:
Código HTML:
<style type="text/css">
body {
background: url(parteizquierda.gif);
background-attachment: fixed;
}
</style> 
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #17 (permalink)  
Antiguo 12/11/2008, 12:05
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: modifcar imagen para que no se repita

Un consejo. Re-arma la estructura usando practicas mas actuales. Aun que te solucionemos ese problema, después tendrás otros, esto a raíz de tus tablas, scripts y estilos.
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 05:13.