[html] witte lijn tussen achtergrond in cellen

[kokorico]

Ik heb een tabel met 3 rijen met telkens een andere achtergrond zodanig het geheel een mooie ronde vorm vormt. In mozilla was het goed maar in IE zijn er tussen de cellen een witte lijn.

Weet iemand een oplossing?

Pagina: http://www.datinglovers.com/inc_header2.php

edit:

td class van bovenste cel: td_site_top
td class van middenste cel: td_site_topmenu
td class van onderste cel: td_site_bottom

Stylesheet:

code:

body
{

    background-color : #FFFFFF;
    font-size: 8pt; 
    font-family: Verdana, Helvetica, sans-serif; 
    scrollbar-face-color: #e5e5e5;
    scrollbar-shadow-color: #e5e5e5;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #d4d4d4;
    scrollbar-darkshadow-color: #acacac;
    scrollbar-track-color: ##efefef;
    scrollbar-arrow-color: #919191;
margin: 0px;
padding: 0px;
}

TABLE
{

    
    color: #000000; 
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 8pt;
}

A.menu_top:link         
{
    color: #000000; 
    font-weight: bold;
    text-decoration: none;
    font-size: 9pt;
}

A.menu_top:visited  
{
    color: #000000; 
    font-weight: bold;
    text-decoration: none;
    font-size: 9pt;
}

A.menu_top:hover    
{
    color: #336699; 
    font-weight: bold;
    text-decoration: none;
    font-size: 9pt;
}

A.menu_top:active   
{
    color: #000000; 
    font-weight: bold;
    text-decoration: none;
    font-size: 9pt;
}

A.menu_top_sub:link         
{
    color: #000000; 
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}

A.menu_top_sub:visited  
{
    color: #000000; 
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}

A.menu_top_sub:hover    
{
    color: #336699; 
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}

A.menu_top_sub:active   
{
    color: #000000; 
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}

.td_site_top {
    
    background-image: url(../v4/site_border_top.gif);
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 10;

}
.td_site_bottom {
    
    background-image: url(../v4/site_border_bottom.gif);
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 10;
}

.td_site_topmenu {
    
    background-image: url(../v4/site_border_middle.gif);
    background-position: left top;
    background-repeat: repeat;
    overflow: hidden;
    valign: top;
    padding-left: 30;

}

[ Voor 4% gewijzigd door kokorico op 24-08-2004 23:40 ]

[pioneer5]

Probeer eens een border-collapse toe te voegen
Wellicht wil dat helpen.

TABLE { border-collapse: collapse }

http://www.w3schools.com/css/pr_tab_border-collapse.asp

[kokorico]

Nee is nog niet goed

[We Are Borg]

als ik het bekijk is het geen border probleem maar meer een margin/padding probleem . Ik zou wat spelen met margins

[kokorico]

met welke margin zou je dan spelen?

[We Are Borg]

code:

<tr><td class="td_site_top"></td><tr>
<tr><td class="td_site_topmenu" height="16">
Je tekst
<tr><td class="td_site_bottom"></td><tr>

Je hebt, zoals die witte lijn al doet vermoeden, 3 tr's. Tussen td_site_top en td_site_topmenu zit volgens mij een margin wat die lijn veroorzaakt. Ga bij die 2 eens aan de slag met margins

[Willem]

Dit is echt behoorlijk basic.. in plaats van je complete CSS meuk hier neer te plempen zou je het ook eens kunnen beperken tot de daadwerkelijke probleemveroorzakers en dingen die niet relevant zijn achterwege laten.

[kokorico]

heb margins allemaal op 0 gezet en is nog steeds niet in orde

[Verwijderd]

tr-tags sluit je af met </tr> en niet met <tr> ...

[MBV]

dat is echt het probleem, net even uitgeprobeerd (nieuwschierig )

probeer de volgende keer met een probleem eerst http://validator.w3.org , dat wil wel eens helpen met dit soort foutjes

[kokorico]

lol is nu ok

sorry, echt stom van me

[MBV]

nogal ja

[ Voor 17% gewijzigd door MBV op 25-08-2004 00:31 ]

[kokorico]

[crisp]

.