23/05/2013, 22:55
|
| | | 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. |