Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/05/2013, 22:55
Avatar de iamskywalker
iamskywalker
 
Fecha de Ingreso: mayo-2013
Mensajes: 3
Antigüedad: 11 años, 5 meses
Puntos: 0
PSD a HTML5 - CSS3

Hola comunidad y staff de Forosdelweb, ¡Muchas Gracias! por el espacio.
Trabajando sobre PS y luego exportando el proyecto a XHTML, queriendo pasar todo a HTML5 - CSS3 y validarlo W3C estoy teniendo un problema, estaría muy agradecido con cualquier tipo de ayuda.

¿Qué quiero hacer? tener un HTML5+CSS3 validado por W3C, y todo lo que es parte del antiguo XHTML, por ejemplo, "Cellpadding" y "Cellspacing" que no se utilizan mas de esa manera, ahora todo es en CSS.
Cuando exportas un PSD a XHTML te genera una tabla, si borras "Cellpadding" y "Cellspacing" la tabla se "deforma" logicamente, y no logro con los comandos padding, border-collapse me funcionen. El resto como "Width" o "Border" me funcionan perfectamente.

A continuación dejo dos capturas, como referente del "problema" que veo de quitar los comandos cellpadding y cellspacing del XHTML para migrar a HTML5 con W3C.

Imagenes: http://imgur.com/a/2ZY58, incluye una comparativa y las originales, donde se ve que la tabla adquiere otras dimensiones, si bien, no toca o deforma el diseño, incluso es mas grande que el diseño mismo.

CON CELLPADDING - CELLSPACING:

<table id="fucktable" width="821" border="0" cellpadding="0" cellspacing="0">

linea 34 - code completo: http://pastebin.com/4nSNSkHu

SIN CELLPADDING - CELLSPAGING: HTML5 - CSS3

<table id="fucktable">

linea 34 Code completo: http://pastebin.com/BBbWbjTW
CSS: http://pastebin.com/Wrry0eUY

Pense incluso que era una falla del DW CS6, trabajo también con NetBeans y Aptana, probe con ambos, y lo mismo.