xhtml - rako väleissä

ei vaikeaa, mutta... kirjoitti:

Voi hyvät hyssykät, ei tämän pitäisi olla vaikeaa, mutta kun en saa toimimaan, vaikka miten ahertaisin... nyt tarvitsisin apua kokeneemmilta tekijöiltä.

Kun html 4:lla rako solujen välissä ratkeaa näin: cellpadding="0" cellspacing="0", niin vaikka määräisin miten xhtml:n puolella tyylitiedostossa border-collapse: collapse, niin silti rivien väliin jää rako, jos laitan kuvia mukaan img-tagilla.

Miten ihmeessä korjaan häiriön? Jotakin tärkeää selvästi puuttuu, mutta en itse keksi, mitä.

Esimerkiksi tämä on tekemäni harjoittelusivu, jossa ongelma ilmenee. Rivi, jolla logo.gif on, erottuu seuraavasta rivistä muutamalla tyhjällä pikselillä.






otsikko













   
   
   
   
   
   Etusivu
   Palvelut
   Juttu
   Hinnasto
   Yhteystiedot
   
   


    Otsikko
   Tekstiä
   


Toinen kappale tekstiä.





tietoa









Ja tähän liittyvä koetyyli.css:

html { min-heigth:100%;
   }

body
   {margin:0;padding:0;
   background-color:#fffdf6;
   }


A:link {color: #3f2130; text-decoration: none;
}
A:visited {color:#5a0609; text-decoration: none;
}
A:hover {color: #660000; text-decoration: underline;
}
A:active {color: #660000; text-decoration: underline;
}


h1   {font-family: Verdana, "sans serif"; line-height:140%;
   font-weight: bold;
   font-size: 145%;
   color: #3f2130;
   }

h2   {font-family: "Bookman Old Style", "serif";
   font-size:130%;
   font-weight: 500;
   letter-spacing:0.2em;
   color: #3f2130;
   }

p, table, .sisalto, ul
   {font-family: Verdana, "sans serif";
   }
   
   .teksti   {width:80%;
   }


table    {
   width:100%;
   border: 0; border-collapse: collapse;
   background-image: url(kuvat/pilvet.gif);
   background-repeat: repeat-x;
   background-position: top left;
   background-color:;
   padding:0 0 0 0;
   }


.sisalto, ul, .sisasivusisalto   
   {font-size: 12px; line-height:170%;
   font-style: normal;
   color: #4b3413;
   vertical-align:top;
   }

.sisalto    {
   padding: 15px 50px 50px 15%;
   background-color:;
   }


strong    {font-size: 14px;
   letter-spacing:0.1em;
   font-family: "Bookman Old Style", "serif";
   font-weight: 520;
   }

.linkit {
   height:50px; background-color:;
   padding:5px 50px 5px 15%;
   font-size:13px;
   background-image: url(kuvat/linkkipalkki.jpg);
   background-repeat: repeat-x;}


.palkki {
   font-family: "Bookman Old Style", "serif";
   font-size:9px;letter-spacing:0.1em;
   color: #4b3413;
   border:0;
   padding-bottom:30px;
   }
   
img   {}

.right   {float:right;}

.left   {float:left;}

kirjoitti:

Anonyymi

Kirjoita kommentti

5000

Lähetä