xhtml - rako väleissä

ei vaikeaa, mutta...

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

4

368

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö.

      Emmä kyllä mitään huomaa, mutta voithan laittaa sen cellspacing="0" cellpadding="0" jos haluat.
      Tai sitten laitat marginaalit ja täytteet varmuudeksi nollaksi myös riveille ja soluille.

      En kyllä ymmärtänyt ollenkaan miksi tuokin pitää väkisin rakentaa taulukkoon.

      • ap.

        Juu, taulukoita teen toistaiseksi vielä siksi, että niin opin alunperin html:n kanssa läträämään


    • Höpö.

      Tein yksinkertaisen taulukon ja tutkin vähän tota ongelmaa, ja tosiaan Opera ja Fox ainakin jättävät väliä jos soluun laittaa kuvan. Mutta se väli ei ole tablerowien välissä vaan nämä tekevät kuvan alle soluun hieman ylimääräistä tilaa (Opera 4 pikseliä ja Fox 5 pikseliä). Syytä en tiedä.

      Mutta toki asian voi aina ratkaista kepulikonsteilla, vaikka
         td>img {margin-bottom: -5px;}


      Itseasiassa kyseisissä selaimissa ei näytä toimivan tuo cellspacing cellpadding -juttukaan yhtään sen paremmin.
      Toisaalta kyllä kyse on mielestäni aika olemattomasta ongelmasta, ainakin jos käyttää jotain järkevämpää taittotapaa kuin taulukkotaittoa.

    • Lisääjä

      img { vertical-align: bottom; }

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Porvarimediat paniikissa demareiden huiman kannatuksen vuoksi

      Piti sitten keksiä "nimettömiin lähteisiin" perustuen taas joku satu. Ovat kyllä noloja, ja unohtivat sen, että vaalit
      Maailman menoa
      142
      8077
    2. KATASTROFI - Tytti Tuppurainen itse yksi pahimmista kiusaajista!!!

      STT:n lähteiden mukaan SDP:n eduskuntaryhmän puheenjohtaja Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti
      Maailman menoa
      423
      7121
    3. Mikä siinä on ettei persuille leikkaukset käy?

      On esitetty leikkauksia mm. haitallisiin maataloustukiin, kuin myös muihin yritystukiin. Säästöjä saataisiin lisäksi lei
      Maailman menoa
      69
      3643
    4. Lääppijä Lindtman jäi kiinni itse teosta

      Lindtman kyselemättä ja epäasiallisesti koskettelee viestintäpäällikköä. https://www.is.fi/politiikka/art-2000011780852
      Maailman menoa
      140
      3280
    5. Juuri nyt! Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti

      Ai että mä nautin, Tytti erot vireille! "Käytös on kohdistunut avustajia ja toisia kansanedustajia kohtaan, uutisoi STT
      Maailman menoa
      109
      2804
    6. Huomaatteko Demari Tytti ei esitä pahoitteluitaan

      Samanlainen ilmeisesti kuin Marin eli Uhriutuu no he ovat Demareita ja muiden yläpuolella siis omasta mielestään
      Maailman menoa
      44
      2338
    7. Onko kaivattusi

      liian vetovoimainen seksuaalisesti?
      Ikävä
      126
      1926
    8. Puolen vuoden koeaika

      Voisi toimia meillä. Ensin pitäis selvittää "vaatimukset" puolin ja toisin, ennen kuin mitään aloittaa. Ja matalalla pro
      Ikävä
      23
      1793
    9. Turvaan tulleet lähettävät omia lapsiaan vaaraan - hullua

      MOT-ohjelman jakso ”Loma vaihtui kahleisiin” kertoi, kuinka Suomessa ja muualla Euroopassa asuvat somaliperheet lähettäv
      Maailman menoa
      26
      1566
    10. Tytti Tuppurainen nöyryyttää avustajiaan

      Tytti Tuppurainen nöyryyttää SDP:n eduskuntaryhmän kokouksissa sekä avustajia että kansanedustajia. Hän nolaa ihmisiä ju
      Kotimaiset julkkisjuorut
      182
      1457
    Aihe