Tema: No reconoce CSS
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/12/2013, 14:15
Avatar de fonchi
fonchi
 
Fecha de Ingreso: septiembre-2006
Ubicación: Concepción
Mensajes: 170
Antigüedad: 18 años, 3 meses
Puntos: 0
No reconoce CSS
Hola Amigos:

Tengo la siguiente situación a ver si me dan una mano en el tema:

Hice un html y con CSS , en un navegador se me ve bien, pero la idea es llamar a ese html desde un correo y visualizar un pie de firma. En primera instancia tenia el CSS aparte, luego lo puse todo en un archivo, pero continua viendose desordenado.

¿Alguna noción de lo que pueda ser? A mi se me hace que no está leyendo el estilo. Adjunto lo que tengo.... Y desde ya gracias y saludos.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.     <!--
  5.     BODY  {
  6.         background-color:#FFF;
  7.         background-color:white;
  8.         text-align:left; 
  9.         line-height: 10px; 
  10.         float:left;
  11.     }
  12.     #CONTENEDOR {   
  13.         background-color:white;
  14.         border-style:inset;
  15.         border-color:#000000;
  16.         border:0px;
  17.         margin: 0 auto; 
  18.         border-width:thin;
  19.     }   
  20.     .div1{
  21.         border-style:solid;
  22.         border:0px;
  23.         border-color:red;
  24.         float:left;
  25.         
  26.     }
  27.     .div2{
  28.         border-style:solid;
  29.         border:0px;
  30.         border-color:red;
  31.         float:right;
  32.     }
  33.     .div3{
  34.         border-style:solid;
  35.         border:0px;
  36.         border-color:red;
  37.         float:left;
  38.     }
  39.     .lineav{
  40.         border-style:solid;
  41.         border:0px;
  42.         border-color:blue;
  43.         background-color:blue; 
  44.         background:blue;  
  45.         height:300px;
  46.         padding:0px;
  47.         width:1px;
  48.         float:left;         
  49.     }
  50.     .lineah{
  51.         border-style:solid;
  52.         border:0px;
  53.         border-color:blue;
  54.         background-color:blue;
  55.         height:1px;
  56.         width:255px;    
  57.         float:right;
  58.     }
  59.     .style1 {
  60.         text-decoration: none;
  61.     }
  62.     .style2 {
  63.         height: 180px;
  64.         width: 249px;
  65.         float: right;
  66.         text-align: left;
  67.         border: 0px none red;
  68.     }
  69.     .style3 {
  70.         height: 104px;
  71.         width: 249px;
  72.         float: left;
  73.         text-align: left;
  74.         border: 0px none red;
  75.     }
  76.     .style4 {
  77.         height: 300px;
  78.         width: 1px;
  79.         float: left;
  80.         border: 0px none blue;
  81.         margin-left: 0px;
  82.         padding: 0px;
  83.         background: blue;
  84.     }
  85.         .style5 {
  86.     float: left;
  87.     text-align: center;
  88.     border: 0px none red;
  89. }
  90.         -->
  91. </style>
  92. </head> 
  93. <body>
  94.     <div id="CONTENEDOR" style="height: 95px; width: 360px;">
  95.           <div class="style5" style="width: 103px; height: 98px;">
  96.                 <img src="http:\\descargas\logo.gif" height="60" 
  97.                           width="80"></img>
  98.                 <font size="-4" face="Arial, Helvetica, sans-serif" color="blue">
  99.                     <br />
  100.                     DIRECCIÓN
  101.                     <br />
  102.                     DIRECCIÖN 2
  103.                     <br />
  104.                     <a href="http://www.empresa.cl">www.svti.cl</a>
  105.                  </font>
  106.           </div>
  107.           <div class="style4" style="height: 95px"></div>
  108.           <div class="style3" style="height: 25px">
  109.                 <font size="-1" face="Arial" color="blue">
  110.                     <strong><br/>&nbsp;&nbsp;NOMBRE</strong>
  111.                 </font>
  112.           </div>     
  113.           <div class="lineah"></div> 
  114.           <div class="style2" style="height: 46px"> 
  115.               <font size="-2" face="Arial, Helvetica, sans-serif" color="blue">
  116.                 <br />
  117.                  Encargado Soporte TIC
  118.                  CARGO EMPLEADO<br />
  119.                 (XX-41) 2503XXX | 9327XXXX <br />
  120.                 <a href="mailto:correo@usuario" 
  121.                                  class="style1">[email protected]</a>
  122.                 <br />
  123.                   <!--  Para agregar celular -->
  124.                   <!--   <br>cel: xxxxxxxx -->
  125.               </font>
  126.               <font size="-2" face="Arial, Helvetica, sans-serif"> 
  127.                  <a href="http://www.empresa.cl/consideraciones/"> Consideraciones uso de correo electr&oacute;nico</a>
  128.               </font>
  129.          </div>   
  130.     </div>
  131. </body>
  132. </html>
Última edición por pzin; 02/12/2013 a las 14:35 Razón: formato código