Foros del Web » Creando para Internet » CSS »

Problema Con La Hoja de Cascada

Estas en el tema de Problema Con La Hoja de Cascada en el foro de CSS en Foros del Web. Saludos a Todos, Eh Publicado otro tema igual por que me pidieron que lo reposte. Bueno, yo hice un template en photoshop, de una postal ...
  #1 (permalink)  
Antiguo 08/07/2011, 09:08
 
Fecha de Ingreso: julio-2009
Ubicación: Santo domingo
Mensajes: 36
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta Problema Con La Hoja de Cascada

Saludos a Todos, Eh Publicado otro tema igual por que me pidieron que lo reposte.

Bueno, yo hice un template en photoshop, de una postal para enviarlo por email masivo, lo eh probado todo funciona perfectamente pero el unico problema es que cuando se envia salen desconfigurada la pagina, ya que el photoshop cuando uno lo exporta sale en modo de tabla, y por eso es que se desconfigura, aqui les dejo el codigo de html que Creo el html de photoshop:

Código:
<style type="text/css">
#apDiv1 {
position:absolute;
width:173px;
height:92px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:174px;
height:92px;
z-index:2;
}
#apDiv3 {
position:absolute;
width:174px;
height:91px;
z-index:3;
}
#apDiv4 {
position:absolute;
width:173px;
height:38px;
z-index:4;
}
#apDiv5 {
position:absolute;
width:172px;
height:39px;
z-index:5;
}
#apDiv6 {
position:absolute;
width:174px;
height:40px;
z-index:6;
}
#apDiv7 {
position:absolute;
width:145px;
height:77px;
z-index:7;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (3 campo publicidad.psd) -->
<table width="748" height="409" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabla_01">
<tr>
<td colspan="16">
<img src="http://tedilumusic.net/postal/imagenpostal/index_01.jpg" width="741" height="13" alt=""></td>
<td width="10">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_02.jpg" width="228" height="171" alt=""></td>
<td colspan="8">
<img src="http://tedilumusic.net/postal/imagenpostal/index_03.jpg" alt="" width="342" height="21" border="0" usemap="#Map2"></td>
<td colspan="4" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_04.jpg" width="171" height="41" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_05.jpg" width="342" height="150" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td width="76" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_06.jpg" width="76" height="130" alt=""></td>
<td colspan="2"><img src="http://tedilumusic.net/postal/imagenpostal/index_07.jpg" alt="" width="81" height="24" border="0" usemap="#Map"></td>
<td width="14" rowspan="10">
<img src="http://tedilumusic.net/postal/imagenpostal/index_08.jpg" width="14" height="354" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_09.jpg" width="81" height="106" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="106" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="http://tedilumusic.net/postal/imagenpostal/index_10.jpg" width="34" height="152" alt=""></td>
<td width="173">
<div id="apDiv1"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_11.jpg" width="173" height="91" alt=""></td>
<td colspan="3" rowspan="5">
<img src="http://tedilumusic.net/postal/imagenpostal/index_12.jpg" width="78" height="152" alt=""></td>
<td colspan="2">
<div id="apDiv2"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_13.jpg" width="174" height="91" alt=""></td>
<td colspan="3" rowspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_14.jpg" width="76" height="149" alt=""></td>
<td colspan="3">
<div id="apDiv3"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_15.jpg" width="173" height="91" alt=""></td>
<td width="19" rowspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_16.jpg" width="19" height="149" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="91" alt=""></td>
</tr>
<tr>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/index_17.jpg" width="173" height="9" alt=""></td>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_18.jpg" width="174" height="9" alt=""></td>
<td colspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_19.jpg" width="173" height="9" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<div id="apDiv4"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_20.jpg" width="173" height="38" alt=""></td>
<td width="1" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_21.jpg" width="1" height="52" alt=""></td>
<td width="173">
<div id="apDiv5"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_22.jpg" width="173" height="38" alt=""></td>
<td colspan="3">
<div id="apDiv6"></div>
<img src="http://tedilumusic.net/postal/imagenpostal/index_23.jpg" width="173" height="38" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_24.jpg" width="173" height="14" alt=""></td>
<td rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_25.jpg" width="173" height="14" alt=""></td>
<td colspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_26.jpg" width="173" height="11" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_27.jpg" width="63" height="3" alt=""></td>
<td colspan="5" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_28.jpg" alt="" width="205" height="66" border="0" usemap="#Map5"></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td width="23" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_29.jpg" width="23" height="72" alt=""></td>
<td colspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_30.jpg" alt="" width="184" height="59" border="0" usemap="#Map3"></td>
<td colspan="2" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_31.jpg" width="71" height="72" alt=""></td>
<td colspan="4" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_32.jpg" alt="" width="196" height="63" border="0" usemap="#Map4"></td>
<td width="48" rowspan="3">
<img src="http://tedilumusic.net/postal/imagenpostal/index_33.jpg" width="48" height="72" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://tedilumusic.net/postal/imagenpostal/index_34.jpg" width="184" height="13" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://tedilumusic.net/postal/imagenpostal/index_35.jpg" width="196" height="9" alt=""></td>
<td colspan="5">
<img src="http://tedilumusic.net/postal/imagenpostal/index_36.jpg" width="205" height="9" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="23" height="1" alt=""></td>
<td width="11">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="11" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="173" height="1" alt=""></td>
<td width="21">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="21" height="1" alt=""></td>
<td width="50">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="50" height="1" alt=""></td>
<td width="7">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="7" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="1" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="173" height="1" alt=""></td>
<td width="15">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="15" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="48" height="1" alt=""></td>
<td width="13">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="13" height="1" alt=""></td>
<td width="35">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="35" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="76" height="1" alt=""></td>
<td width="62">
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="62" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="19" height="1" alt=""></td>
<td>
<img src="http://tedilumusic.net/postal/imagenpostal/espacio.gif" width="14" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->

<map name="Map">
<area shape="rect" coords="0,1,89,28" href="http://www.facebook.com/WWW.TEDILUMUSIC.NET">
</map>

<map name="Map2">
<area shape="rect" coords="3,1,407,39" href="http://www.tedilumusic.net/">
</map>

<map name="Map3">
<area shape="rect" coords="3,1,220,70" href="#">
</map>
  #2 (permalink)  
Antiguo 08/07/2011, 09:33
 
Fecha de Ingreso: julio-2009
Ubicación: Santo domingo
Mensajes: 36
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Problema Con La Hoja de Cascada

Ayudenme con esto, creo que es muy sensillo para lo que saben css

Etiquetas: estylo, hoja, html, photoshop, psd
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 09:14.