2011-11-14 22 views
1

HTMLmisterious像素 - 适用newsletter-

<table> 
     <tr> 
      <th> 
       <h1>Esta semana hablamos de....</h1> 
      </th> 
     </tr> 
     <tr> 
      <td> 
       <h2>Nuestra Cultura</h2> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <p> 
        Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. 
       </p> 
       <p> 
        Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. 
       </p> 
      </td> 

     </tr> 
    </table> 

CSS

<style type="text/css"> 
    table{ position:relative;margin:0px auto;width:650px;background:url(fnd.jpg) center bottom no-repeat; padding: 0 25px 75px; font-family:arial;} 
    table th{ width:600px; } 
    table th h1{font-size:30px;color:#808080;} 
    h1,h2,p{text-align:left;padding:0px 20px;} 
    table td h2{font-weight:bold;margin:0;padding:0;} 
    table tr{ width:600px;} 
    table td{background:white;} 
    td, th, tr { margin:0;border:0;} 
</style> 

的问题是,在TD,TR或H2有一个像素我不能让dissapear,问题是这是分裂的背景至极,我不想...我做错了什么?

CNC中

,你可以在这里看到

enter image description here

这里测试http://toniweb.us/melia/mail/

+0

jsfiddle不显示任何内容,因为您已将HTML放入Javascript窗格中。将它移到HTML窗格中,但您的问题仍然不明显。 – lanzz

+0

修复了你的jsfiddle,但在这里看不到任何东西。当然,这不是一些BG图像或什么? – Kyle

+0

我曾经遇到过这个问题,结果在我的屏幕上出现了一些混乱。 – cypher

回答

4

<table>默认样式往往是

border-collapse: separate; 
border-spacing: 2px; 

如果你不这样做想要任何空间行之间再加入

border-spacing: 0; 

table线6

编辑:IE7根本不知道边框间距,如果它是一个问题,你必须使用border-collapse:collapse;与填充调整空间。

+0

就是这样!谢谢 –

+0

不客气! – MatTheCat

+0

任何想法,为什么它在IE7如此不同? –