Foros del Web » Creando para Internet » CSS »

Fondo como Borde de Foto

Estas en el tema de Fondo como Borde de Foto en el foro de CSS en Foros del Web. Tengo un problema que me sorprende no haber encontrado la solución. Seguramente le estoy pifiando en lo que estoy "googleando". El tema es que tengo ...
  #1 (permalink)  
Antiguo 08/04/2010, 11:17
Avatar de tepitenio  
Fecha de Ingreso: noviembre-2008
Mensajes: 1.188
Antigüedad: 9 años
Puntos: 87
Exclamación Fondo como Borde de Foto

Tengo un problema que me sorprende no haber encontrado la solución. Seguramente le estoy pifiando en lo que estoy "googleando".

El tema es que tengo una tabla con fotos en las TD. Quiero hacer un borde a todas las fotos, para lo cual cree un PNG 15px mas grande de todos lados y lo pongo como background de cada TD.

Centro el fondo y centro el contenido de la TD, pero no me quedan PERFECTAMENTE centrados.

Debería ser un tema simple? O es sabido que es complicado?

Les dejo los códigos por las dudas:

<td a="" align="center" alt="City" border="0" height="200" href="tounew.html" img="" src="images/m-pic-1.png" style="background-image: url(images/fondofotomenu.png); background-repeat: no-repeat; background-position: center center; height:215px" valign="center" width="250">

La foto es de 250x250 y el fondo 265x215

PD: Ya se que siempre es mejor trabajar con CSS separado pero mi jefe me pidió así por problemas con el ftp.
__________________
Tepi
(Si te gusto mi opinion... por que no me das karma???)
  #2 (permalink)  
Antiguo 08/04/2010, 12:54
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Fondo como Borde de Foto

El borde de la foto es simple? porque si es así, puedes utilizar la propiedad border de css, los tiene sólido, punteado, línea discontínua...

Si el borde es más elaborado, inserta un div en la celda, dale de background la imagen con el borde y añade dentro del div la imagen sin el borde centrada

Salu2
  #3 (permalink)  
Antiguo 08/04/2010, 12:55
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Fondo como Borde de Foto

Saludos!!

Primero: Cúal es el navegador con el que tienes el problema?
Segundo: No tienes una URL donde podámos ver el problema mas "realmente"?
Tercero: Intenta cambiar esto:

Código HTML:
Ver original
  1. style="background-image: url(images/fondofotomenu.png); background-repeat: no-repeat; background-position: center center; height:215px"

por esto:

Código HTML:
Ver original
  1. style="background: url(images/fondofotomenu.png) no-repeat center center; height: 215px;"

Y a ver que tal va.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 08/04/2010, 12:56
 
Fecha de Ingreso: abril-2010
Ubicación: Chile
Mensajes: 76
Antigüedad: 7 años, 8 meses
Puntos: 3
Respuesta: Fondo como Borde de Foto

No te daré la solucion en codigo debido a que iré a almorzar en estos momentos, pero mira, haces que los TD se comporten como bloques, y que el fondo del TD sea el de la imagen, luego la imagen en posicion absoluta la centras.

aclaro que el TD tiene que tener tamaño del fondo.

otra cosa es que puedes trabajar el css por separado sin necesidad de subir otro archivo,

Código HTML:
Ver original
  1. <style type="text/css">
  2. /* Aqui va el codigo CSS */
  3.  
  4. </head>
  5.  
  6. <!-- Aqui va todo tu code -->
  7. </body>
  8. </html>
  #5 (permalink)  
Antiguo 11/04/2010, 06:49
Avatar de tepitenio  
Fecha de Ingreso: noviembre-2008
Mensajes: 1.188
Antigüedad: 9 años
Puntos: 87
Respuesta: Fondo como Borde de Foto

Tempto: Probé los DIVs pero no fueron.

Calizman: Los navegadores que uso: Firefox, Opera, Chrome (Todavía no testeado en Explorer ni Safari). El sitio está en desarrollo y no se puede ver publicamente.

Kaoz: No puedo agrupar los estilos ni siquiera en la página, pues me piden que trabaje con un CMS que es medio raro y no me deja entrar sino al BODY.

De todas maneras mi jefe se rindió y me dijo que lo deje así. Si se vuelve a poner quisquilloso pego el grito de vuelta.

Gracias a todos por ayudar!
__________________
Tepi
(Si te gusto mi opinion... por que no me das karma???)

Etiquetas: bordes, fondo, fotos
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 17:37.