| Autor |
Mensaje |
Aexo
Semihumano

Registrado: Abril 2007
Mensajes: 826
|
 Imagenes En Tabla
Hola,
estoy haciendo un menú en HTML con una tabla de una celda e imágenes interactivas.
Resulta que las imagenes no me ocupan toda la celda. hay un pequeño margen con el borde de arriba. esto se nota porque tendría que coincidir con el fondo de la tabla, pero no... se ve un espacio.
he probado poniendo a la tabla la altura de la imagen, tambien a la altura de la celda y tambien poniendo cellpadding="0" cellspacing="0" en table.
ya se me acabaron las ideas... alguna sugerencia?
aqui una captura:
el ejemplo lo puedes ver en http://en.clubifone.com
_________________________________ WebMaster:: EliteMoviles
phpbb 3.0.3
Server:: Sotem
Plantilla basada en subsilver2
WebMaster:: ClubiFone
phpbb 3.0.3
Server:: VPS de pago zipservers
Plantilla basada en subsilver2
Última edición por Aexo el 13 Mar 2008 21:25; editado 1 vez
|
|
|
|
 |
Sponsor

|
|
 |
Paramine-gx
Neanderthal

Registrado: Marzo 2008
Mensajes: 319
Ubicación: Algun lugar en el digimundo, buscando a Lucemon
|
 Re: Imagenes En Tabla
Mira, como tengo algo de prisa exlicare esto que he descubierto jjejejejee
Imagina que los numeros que escribire son pixeles.
Si notas arriba, en el menu de esta web. se ve algo asi.
88888888888
66666666666
66666666666
66666666666
88888888888
Los numeros 8 que vez corresponden a los pequeños bordes color rojo detras del menu ok?
Bien. Pues cuando trate de editar esto.
me encontre que la imagen que corresponde al background del menu realmente es asi.
666666666666
666666666666
666666666666
888888888888
888888888888
Esto significa que los bordes del menu corresponden a los dos primeros pixeles de abajo hacia arriba
es decir que si en los dos promeros pixeles pongo color azul mi borde sera azul. lo que siga hacia arriba sera el cuerpo del menu
entonces.
si las imagenes que tienes estan centradas te sucedera esto que te ocurre. pero intenta mover el cuerpo de los botones un poco hacia arriba
Espero que esto te ayude.
es lo que pude investigar jejejeje
los dejo porque ha legado mi novia. Ya saben...
Saludos.
Nos vemos en un rato mas
_________________________________ Me encuentras vagabundeando en Mydigitalside.com
Me encuentras vagabundeando en icyphoenix.com
Me encuentras vagabundeando en JanuWeb.com
URL: http://www.mydigitalside.com
Versión de phpBB Icy Phoenix: IP 1.2.0.27 Final
Parches Instalados: Ninguno
Modificaciones Realizadas: Cambios minimos al diseño y Megavideo BBcode
|
|
|
|
 |
xoom
Semicurrante

Registrado: Julio 2006
Mensajes: 1068
Ubicación: Málaga - Granada
|
 Re: Imagenes En Tabla
¿Porque usas javascript? usando css es más fácil y no da ningún problema. He hecho varios menus de este tipo con javascript y al final opté por el css. En tu caso puedes añadir la etiqueta valign="top" en img
_________________________________
|
|
|
|
 |
Manolo
Enganchado

Registrado: Julio 2006
Mensajes: 3613
Ubicación: Olesa
|
 Re: Imagenes En Tabla
Algo parecido iba a decir yo Xoom  Paramine mira que facil es en el .css cambiar los colores que mencionas Enllaç
Saludos!
_________________________________ No nos atrevemos a muchas cosas porque son difíciles, pero son difíciles porque no nos atrevemos a hacerlas. (Séneca)
|
|
|
|
 |
Paramine-gx
Neanderthal

Registrado: Marzo 2008
Mensajes: 319
Ubicación: Algun lugar en el digimundo, buscando a Lucemon
|
 Re: Imagenes En Tabla
Gracias manolo.
pero, alguien comprobo que esto funcione.
Digame que si para que no me quiebre tanto la cabeza
Saludos
_________________________________ Me encuentras vagabundeando en Mydigitalside.com
Me encuentras vagabundeando en icyphoenix.com
Me encuentras vagabundeando en JanuWeb.com
URL: http://www.mydigitalside.com
Versión de phpBB Icy Phoenix: IP 1.2.0.27 Final
Parches Instalados: Ninguno
Modificaciones Realizadas: Cambios minimos al diseño y Megavideo BBcode
|
|
|
|
 |
class
Semicurrante

Registrado: Septiembre 2006
Mensajes: 1086
Ubicación: en el quinto pino
|
 Re: Imagenes En Tabla
Aexo prueba esto:
<img border="0" src="logueate.png" width="65" height="68" align="top">
Donde width y height puede variar es orientativo, pues es la anchura y altura de la imagen. Simplemente inserta la imagen con su tamaño original, si bien el parámetro "top" debe de estar.
Ya contarás.
Salu2.
_________________________________  Papa, esto de 'formating C:\....40%' , ¿es bueno?
antes de pedir soporte de IcyPhoenix consulta aqui
antes de pedir soporte de PhpBB3 consulta aqui
antes de pedir una cerveza, refrescala y y ronda pal foro
Última edición por class el 12 Mar 2008 22:40; editado 1 vez
|
|
|
|
 |
Manolo
Enganchado

Registrado: Julio 2006
Mensajes: 3613
Ubicación: Olesa
|
 Re: Imagenes En Tabla
Buen curro Class
Paramine lo que posteo en el enlace que puse funciona te lo aseguro, es que no se a que te refieres
_________________________________ No nos atrevemos a muchas cosas porque son difíciles, pero son difíciles porque no nos atrevemos a hacerlas. (Séneca)
|
|
|
|
 |
Aexo
Semihumano

Registrado: Abril 2007
Mensajes: 826
|
 Re: Imagenes En Tabla
Creo que con el align="top" ya funciona. aun asi tambien estuve jugando con el CSS.
todo el menú lo tengo dentro de <div id="menubar">. Eso quiere decir que llama a 'menubar' en el CSS? lo encontré y estaba vacio, pero los cambios que hice no hicieron efecto. no sé si haria algo mal. posiblemente si...
aun asi, meti zoom a la pantalla. mucho zoom, y descubri que la imagen de fondo no encaja perfectamente con la imagen normal. Como sea eso...
_________________________________ WebMaster:: EliteMoviles
phpbb 3.0.3
Server:: Sotem
Plantilla basada en subsilver2
WebMaster:: ClubiFone
phpbb 3.0.3
Server:: VPS de pago zipservers
Plantilla basada en subsilver2
|
|
|
|
 |
xoom
Semicurrante

Registrado: Julio 2006
Mensajes: 1068
Ubicación: Málaga - Granada
|
 Re: Imagenes En Tabla
no puede funcionar bien con align, ya que sive para alinear horizontalmente y el problema es la alineación vertical, por lo que hay que poner una v delante de align
valign="top"
_________________________________
|
|
|
|
 |
Aexo
Semihumano

Registrado: Abril 2007
Mensajes: 826
|
 Re: Imagenes En Tabla
el dreamweaver no me saca el valign, pero se lo puse y las imagenes fueron pa'rriba corriendo.
Aun asi, el error final era de la persona que me hizo las imagenes que tenian un error de 2Px. pero tambien era cosa de las tablas. He aprendido mucho con este post.
gracias a todos.
Pero dime, Manolo, todo el menú lo tengo dentro de <div id="menubar">. Eso quiere decir que llama a 'menubar' en el CSS?
_________________________________ WebMaster:: EliteMoviles
phpbb 3.0.3
Server:: Sotem
Plantilla basada en subsilver2
WebMaster:: ClubiFone
phpbb 3.0.3
Server:: VPS de pago zipservers
Plantilla basada en subsilver2
|
|
|
|
 |
KasLimon
Semihumano

Registrado: Julio 2006
Mensajes: 884
Ubicación: En el tigre
|
 Re: Imagenes En Tabla
todo el menú lo tengo dentro de <div id="menubar">. Eso quiere decir que llama a 'menubar' en el CSS?
en el css lo tienes que llamar #menubar:
- #menubar
- {
- efectos css...
- }
Salu2
_________________________________ KasLimon
Custom phpBB Personaliza tu foro totalmente gratis
ExtremeCMS (muy pronto)
Icy Phoenix - KMorph - phpBB-Es.Com
|
|
|
|
 |
Manolo
Enganchado

Registrado: Julio 2006
Mensajes: 3613
Ubicación: Olesa
|
 Re: Imagenes En Tabla
Aexo joio estas cambiando el diseño de Olympus, ese css aun no lo toque  Pero lee a Kas y Xoom que saben un rato, no como yo que cambio codigos hasta que suena la flauta
_________________________________ No nos atrevemos a muchas cosas porque son difíciles, pero son difíciles porque no nos atrevemos a hacerlas. (Séneca)
|
|
|
|
 |
Aexo
Semihumano

Registrado: Abril 2007
Mensajes: 826
|
 Re: Imagenes En Tabla
exacto, KasLimon, eso pensaba  gracias por sacarme la duda.
Si, manolo, hay que modificarlo.  pero es otro template, no es el original. El original debe de ser una locura. son muchos CSS. Este mio es un solo CSS y lo demas son tpl. Es muy similar al del icy. es muy facil.
_________________________________ WebMaster:: EliteMoviles
phpbb 3.0.3
Server:: Sotem
Plantilla basada en subsilver2
WebMaster:: ClubiFone
phpbb 3.0.3
Server:: VPS de pago zipservers
Plantilla basada en subsilver2
|
|
|
|
 |
|
|