Background image con estilos css

wilrocaul · #1 (**permalink**) 06/09/2007, 10:50

Background image con estilos css

Hola estoy tratando de poner una imagen como background en parte superior derecha de una página....

////El estilo q defini es el siguiente:
.rojojiso {

background-image:url(/pajaro.jpg);
background-repeat: no-repeat;

}
y utilizo este estilo en la td de la siguiente manera en una <td>:
<td class="rojojiso"> </td>

Con esto me presenta la imagen en la vista diseño de la página pero al ejecutarla en los navegadores no me muestra nada...alguien quizá me podría ayudar de seguro estoy cometiendo un error...

Gracias

Ricky77 · #2 (**permalink**) 06/09/2007, 11:14

No será que el TD además de estar vacío no tiene dimensiones asignadas y no la muestra porque no tiene espacio?

Prueba así:

Código:

.rojojiso { background: url(pajaro.jpg no-repeat; height: 100px; width: 100px; }

Y sí se ve, ya sabes lo que es.

wilrocaul · #3 (**permalink**) 06/09/2007, 11:30

Gracias, Rickky77 puse como me has puesto en el cógido pero nada, te comento q no muestra en los navegadores, ya esta asignado las dimensiones de la imagen pero nada, no se que rayos pasa......

JavierB · #4 (**permalink**) 06/09/2007, 11:33

Hola wilrocaul

¿Puedes poner un enlace para que veamos la página?

Saludos,

omero · #5 (**permalink**) 06/09/2007, 11:35

Que tal prueba lo siguiente !

.rojojiso {
background-image:url(http://poner_ruta_completa/pajaro.jpg);
background-repeat:repeat-x;
height: 100px; /* tamaño imagen */
width: 100px; /* tamaño imagen */
}

Y respecto al bacground tengo una duda !

al ingresarlo de esta forma no lo puedo ver si envio mi pagina por correo en el correo no veo mis fondos siendo imagenes alguien sabe como puedo enviar mi imagen por correo siendo background.

Gracias Saludos.

Izam

Ricky77 · #6 (**permalink**) 06/09/2007, 11:45

Te había escrito mal el nombre de tu imagen, no sé si te habrás dado cuenta pero yo había usado otra palabra en vez de pajaro. De todos modos ya lo he corregido, así que prueba otra vez.

No podías ver el fondo porque en la ruta habías añadido un "/" donde no tocaba: ---> "(/pajaro.jpg);"

De todos modos para comprobar el error por ti mismo puedes reproducirlo en un documento a parte:

Código:

<html>

<head>
	<title></title>
	<style type="text/css">
	<!--
 .rojojiso { background: url(pajaro.jpg) no-repeat; height: 100px; width: 100px; }
	-->
	</style>
</head>

<body>
<table>
     <td class="rojojiso"></td>
</table>
</body>
</html>

Asegurate que ese html esté en la misma carpeta que la imagen pajaro.jpg y verás que funciona.

si luego le pones a la palabra "pajaro.jpg" un "/" delante, dejará de funcionar.

wilrocaul · #7 (**permalink**) 06/09/2007, 14:37

Gracias amigo ya pude arreglarlo no se es cosa rara pero en localhost no se podia ver la imagen,,,,,al treparla al server mostro si ningún inconveniente....mil gracias.................Ahora tengo otro inconveniente similar pero más complicado pero voy a tratarlo en un foro de php......gracias....

gabrielcorr4 · #8 (**permalink**) 30/06/2011, 13:14

treparla? jeje, trepan son los monos.se dice subirla.