elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
07 Octubre 2008, 06:19  



+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderadores: дٳŦ٭, Red Mx)
| | |-+  Problema con diseño
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Imprimir
Autor Tema: Problema con diseño  (Leído 261 veces)
layker

Desconectado Desconectado

Mensajes: 83



Ver Perfil
Problema con diseño
« en: 20 Mayo 2008, 23:43 »

Hola, tngo un problema muy grande, llevo un monton de tiempo intentando solucionarlo pero no lo consigo, he diseñado una pagina con tablas pero se IExplorer se ve fatal, muy descuadrada pero en cambio con firefox se ve perfectamente... alguien puede ayudarme??? se lo agradeceria bastante... un saludo

PD: aki dejo un link :layker89.iespana.es
« Última modificación: 21 Mayo 2008, 00:34 por Red Mx » En línea
Hans el Topo

Desconectado Desconectado

Mensajes: 1.718


"Estoy cansado de no hacer nada"


Ver Perfil WWW
Re: Problema con diseño
« Respuesta #1 en: 21 Mayo 2008, 11:54 »

aunque el administrador del foro tenga por nick el-brujo adivinos en el foro ninguno  :-X
En línea

layker

Desconectado Desconectado

Mensajes: 83



Ver Perfil
Re: Problema con diseño
« Respuesta #2 en: 21 Mayo 2008, 14:56 »

aunque el administrador del foro tenga por nick el-brujo adivinos en el foro ninguno  :-X

xk dices eso??
En línea
Ozonox

Desconectado Desconectado

Mensajes: 382


"Una buena posición requiere media vida"


Ver Perfil
Re: Problema con diseño
« Respuesta #3 en: 21 Mayo 2008, 15:07 »

Esto... creo que quiere decir que con la información que has proporcionado, osea 0, no podmeos ayduarte, debes darnos más info, de todas formas te doy un consejo, IE y FF son diferentes, si vas a hacer estructuras con tablas asegúrate de quitar los <br/> y aunque las tablas tengan un tamaño normal pónle su mismo tamaño desde las opciones, no sé si me he explicado...

TABLA=TAMAÑO(x.xx%)=200 x 200 <---- Incorrecta

TABLA=TAMAÑO (200x200pp o equivalente en porcientos)=200 x 200 <---- Correcta

¿Me entiendes no?... Pero danos más información porque si no...


P.D: Ya he visto el link, dame el código original, lo cogería del código fuente pero me da palo,  y encima si usaras includes xD
« Última modificación: 21 Mayo 2008, 15:13 por Ozonox » En línea

layker

Desconectado Desconectado

Mensajes: 83



Ver Perfil
Re: Problema con diseño
« Respuesta #4 en: 21 Mayo 2008, 16:41 »

Gracias por la atencion, pero ske no se que mas informacion puedo dar, ya he puesto el link, lo subi tal y como lo uso, alomjor es x la publicidad del alojamiento. dejo aki el codigo... No uso CSS ni nada solo html, si hace falta cualquier informacion pregntad, pero creo k eso es todo. un saludo, gracias de antemano

Citar
<body topmargin="0" bgcolor=#996633>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="34" height="748" rowspan="6" valign="top" background="es1.PNG"><img src="l1.PNG" width="34" height="748" /></td>
    <td width="850" height="26" colspan="8" valign="top"><img src="top.PNG" width="850" height="26" /></td>
    <td width="38" height="748" rowspan="6" valign="top" background="es4.PNG"><img src="l2.PNG" width="38" height="748" /></td>
  </tr>
  <tr>
    <td width="850" height="162" colspan="8" valign="top"><img src="top2.PNG" width="850" height="162" /></td>
  </tr>
  <tr>
    <td width="850" height="32" colspan="8" valign="top"><img src="top3.PNG" width="850" height="32" /></td>
  </tr>
  <tr>
    <td width="132" height="254" background="fo1.PNG" align="center" valign="top">&nbsp;</td>
    <td width="32" height="528" rowspan="3" valign="top" background="es2.PNG"><img src="m1.PNG" width="32" height="528" /></td>
    <td width="400" colspan="4" rowspan="3" align="center" valign="top" background="fo3.PNG"><p>Prueba</p>
    <p><img src="alexion.jpg" width="480"></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    <p>&nbsp;</p>
   </td>
    <td width="31" height="528" rowspan="3" valign="top" background="es3.PNG"><img src="m2.PNG" width="31" height="528" /></td>
    <td rowspan="3" width="128" background="fo3.PNG" valign="top" align="center">&nbsp;</td>
  </tr>
 
  <tr>
    <td width="132" height="27" valign="top"><img src="cel1.PNG" width="132" height="27" /></td>
  </tr>
  <tr>
    <td width="132" background="fo2.PNG" valign="top" align="center">&nbsp;</td>
  </tr>
 
  <tr>
    <td width="922" height="52" colspan="10" valign="top"><img src="footer.PNG" width="922" height="52" /></td>
  </tr>
</table>

En línea
Ozonox

Desconectado Desconectado

Mensajes: 382


"Una buena posición requiere media vida"


Ver Perfil
Re: Problema con diseño
« Respuesta #5 en: 21 Mayo 2008, 17:06 »

Gracias por la atencion, pero ske no se que mas informacion puedo dar, ya he puesto el link, lo subi tal y como lo uso, alomjor es x la publicidad del alojamiento. dejo aki el codigo... No uso CSS ni nada solo html, si hace falta cualquier informacion pregntad, pero creo k eso es todo. un saludo, gracias de antemano

Citar
<body topmargin="0" bgcolor=#996633>
<table width="728" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="34" height="748" rowspan="6" valign="top" background="es1.PNG"><img src="l1.PNG" width="34" height="748" /></td>
    <td width="850" height="26" colspan="8" valign="top"><img src="top.PNG" width="850" height="26" /></td>
    <td width="38" height="748" rowspan="6" valign="top" background="es4.PNG"><img src="l2.PNG" width="38" height="748" /></td>
  </tr>
  <tr>
    <td width="850" height="162" colspan="8" valign="top"><img src="top2.PNG" width="850" height="162" /></td>
  </tr>
  <tr>
    <td width="850" height="32" colspan="8" valign="top"><img src="top3.PNG" width="850" height="32" /></td>
  </tr>
  <tr>
    <td width="132" height="254" background="fo1.PNG" align="center" valign="top">&nbsp;</td>
    <td width="32" height="528" rowspan="3" valign="top" background="es2.PNG"><img src="m1.PNG" width="32" height="528" /></td>
    <td width="400" colspan="4" rowspan="3" align="center" valign="top" background="fo3.PNG"><p>Prueba</p>
    <p><img src="alexion.jpg" width="480"></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
[/color]

    <p>&nbsp;</p>
   </td>
    <td width="31" height="528" rowspan="3" valign="top" background="es3.PNG"><img src="m2.PNG" width="31" height="528" /></td>
    <td rowspan="3" width="128" background="fo3.PNG" valign="top" align="center">&nbsp;</td>
  </tr>
 
  <tr>
    <td width="132" height="27" valign="top"><img src="cel1.PNG" width="132" height="27" /></td>
  </tr>
  <tr>
    <td width="132" background="fo2.PNG" valign="top" align="center">&nbsp;</td>
  </tr>
 
  <tr>
    <td width="922" height="52" colspan="10" valign="top"><img src="footer.PNG" width="922" height="52" /></td>
  </tr>
</table>


Cosas como las que te he puesto en negrita y sobre todo en rojo, son solo necesarias si las USAS de verdad, prueba a suprimirlas, de todas formas ahora tengo que irme, más tarde me pongo a revisar tu problema, pero IE... basura...

Saludos.
En línea

Hans el Topo

Desconectado Desconectado

Mensajes: 1.718


"Estoy cansado de no hacer nada"


Ver Perfil WWW
Re: Problema con diseño
« Respuesta #6 en: 21 Mayo 2008, 20:25 »

los márgenes de las tablas y demás varian en cada navegador

te dejo un link

Eliminar el cellspacind y cellpadding



Edito :

No había puesto el cellpadding="0" cellspacing="0"> de la table.

El problema puede radicar en los .PNG ya que el IE tiene bastantes problemas con ellos.

Si no se te solucioa avisa y miro un poco más el código.


« Última modificación: 21 Mayo 2008, 20:28 por Hans el Topo » En línea

layker

Desconectado Desconectado

Mensajes: 83



Ver Perfil
Re: Problema con diseño
« Respuesta #7 en: 21 Mayo 2008, 21:35 »

muxas gracias pero no he conseguido solucionarlo con lo del CSS...en cuanto a los png's los he sustituido por gifs y sigue dando el mismo problema la verdad ske no entiendo lo que sucede. un saludo y gracias
En línea
Hans el Topo

Desconectado Desconectado

Mensajes: 1.718


"Estoy cansado de no hacer nada"


Ver Perfil WWW
Re: Problema con diseño
« Respuesta #8 en: 21 Mayo 2008, 23:51 »

He logrado solventar parte del problema. El resto te lo dejo a ti  >:D

El tema esta en que tienes imágenes más anchas que la celda y que seguramente el rowspan y colspan no se encuentran correctamente distribuidos.

Si le añadimos que el background repite indefinidamente la imagen tenemos una deformidad :X así que lo que te recomiendo es que utilices clases creadas en css para el background de las celdas con la propiedad no-repeat en las que sea necesario.

Para comprobar que celdas andan descompensadas añadeles borde.


Código:
<html><head>
</head><body topmargin="0" bgcolor="#996633">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="728">
  <tr>
    <td rowspan="6" background="a_data/es1.PNG" height="748" valign="top" width="34"><img src="a_data/l1.PNG" height="748" width="34"></td>
    <td colspan="8" height="26" valign="top" width="850" background="a_data/top.PNG"></td>
    <td rowspan="6" background="a_data/es4.PNG" height="748" valign="top" width="38"><img src="a_data/l2.PNG" height="748" width="38"></td>
  </tr>
  <tr>
    <td colspan="8" height="162" valign="top" width="850" background="a_data/top2.PNG"></td>
  </tr>
  <tr>
    <td colspan="8" height="32" valign="top" width="850" background="a_data/top3.PNG"></td>
  </tr>
  <tr>
    <td align="center" background="a_data/fo1.PNG" height="254" valign="top" width="132"></td>
    <td rowspan="3" background="a_data/es2.PNG" height="528" valign="top" width="32"><img src="a_data/m1.PNG" height="528" width="32"></td>
    <td colspan="4" rowspan="3" align="center" background="a_data/fo3.PNG" valign="top" width="400"><p>Prueba</p>
    <p><img src="a_data/alexion.htm" width="400"></p>
   
</td>
    <td rowspan="3" background="a_data/es3.PNG" height="528" valign="top" width="31"><img src="a_data/m2.PNG" height="528" width="31"></td>
    <td rowspan="3" align="center" background="a_data/fo3.PNG" valign="top" width="128"></td>
  </tr>
 
  <tr>
    <td height="27" valign="top" width="132" background="a_data/cel1.PNG"></td>
  </tr>
  <tr>
    <td align="center" background="a_data/fo2.PNG" valign="top" width="132"></td>
  </tr>
 
  <tr>
    <td colspan="10" height="52" valign="top" width="922" background="a_data/footer.PNG"></td>
  </tr>
</table>
</body></html>
En línea

Páginas: [1] Ir Arriba Imprimir 
Ir a:  







Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

hard-h2o modding    Foros de ayuda    Yashira.org    Videojuegos    indetectables.net   

Noticias Informatica    Seguridad Informática    ADSL    Foros en español    eNYe Sec

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC
Free counter and web stats