modifcar imagen para que no se repita

lulial · #1 (**permalink**) 11/11/2008, 14:26

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

David · #2 (**permalink**) 11/11/2008, 15:00

¿Cuál es el código que estás usando para poner la imagen?.

gVenom · #3 (**permalink**) 11/11/2008, 15:18

Cita:

Iniciado por lulial

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>

buzu · #4 (**permalink**) 11/11/2008, 15:27

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

background-repeat: no-repeat;

buzu · #5 (**permalink**) 11/11/2008, 15:29

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

lulial · #6 (**permalink**) 11/11/2008, 15:56

he puesto ese código, modificando el nombre de la imagen y no me ha funcionado.

gVenom · #7 (**permalink**) 11/11/2008, 16:04

Cita:

Iniciado por lulial

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

kseso? · #8 (**permalink**) 11/11/2008, 16:24

Puesta ¿dónde?:
como fondo de la página, de una tabla, celda, div, párrafo...

Cita:

Iniciado por lulial

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

lulial · #9 (**permalink**) 11/11/2008, 16:42

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.

Aresillo · #10 (**permalink**) 11/11/2008, 16:48

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>

kseso? · #11 (**permalink**) 11/11/2008, 17:40

Cita:

Iniciado por lulial

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

buzu · #12 (**permalink**) 11/11/2008, 21:25

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.

lulial · #13 (**permalink**) 12/11/2008, 09:18

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

</style>
</head>

<body bgcolor="#FFFFFF" text="#336666" link="#FF0000" vlink="#FF0000" alink="#000000" marginheight="10">
<table width="100%" border="0" align="center" bordercolor="#000066">

<tr>
<td height="122" colspan="2" valign="top">
<table width="100%" height="120" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="256" height="120" valign="top">
<style type="text/css">

</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Í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">

<tr>
<td width="30" height="50"> </td>
<td width="180"> </td>
</tr>
<tr>
<td height="32"> </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"> </td>
<td> </td>
</tr>
<tr>
<td height="42"> </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"> </td>
<td> </td>
</tr>
<tr>
<td height="42"> </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"> </td>
<td> </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">

<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ó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"> </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">

<tr>
<td width="10" height="128"> </td>
<td width="100%" align="left" valign="top" bordercolor="#FFFFFF"><blockquote>

</blockquote>

<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á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>
</td>
</tr>

</table></td>
</tr>
<tr>
<td height="33" align="center" valign="bottom"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td height="29" align="center" valign="middle" background="Templates/lado_inferior.png">
<div align="center"><font color="#000000"><strong>©2008 Automatismos Industriales S.L.       -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>
</html>

lulial · #14 (**permalink**) 12/11/2008, 10:13

me pasa con el explorer y con el mozila

David · #15 (**permalink**) 12/11/2008, 10:40

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

gVenom · #16 (**permalink**) 12/11/2008, 10:48

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>

buzu · #17 (**permalink**) 12/11/2008, 12:05

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.