Problema con stylo css !!!

bonbo · #1 (**permalink**) 07/07/2011, 21:02

Hola, Dise;e un postal en photoshop y lo exporte en html, osea que lo saco en tabla, quisiera que me ayudaran a montar el dise;o en css, aqui les dejo el codigo:

Código HTML:

</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>

<map name="Map4">
  <area shape="rect" coords="3,2,209,66" href="#">
</map>

<map name="Map5">
  <area shape="rect" coords="3,2,205,66" href="#">
</map>

Muchas Gracias... De AnteMano....

bonbo · #2 (**permalink**) 07/07/2011, 21:02

El Codigo de style aqui esta <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">

<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>


<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>

<map name="Map4">
<area shape="rect" coords="3,2,209,66" href="#">
</map>

<map name="Map5">
<area shape="rect" coords="3,2,205,66" href="#">
</map>

cristian_cena · #3 (**permalink**) 08/07/2011, 06:39

tenes que postear el código del problema junto a una pregunta acorde. No tirar todo el código de una. Esforzarte vos más en preguntar que nosotros en responder.
Re-elaborá la pregunta haciéndola más corta, clara y apuntando a una duda en particular y lo vemos.