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;}
xhtml - rako väleissä
4
334
Vastaukset
- 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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.726348- 1385772
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.4863654Ovatko naiset lopettaneet sen vähäisenkin vaivannäön Tinderissa?
Meinaan vaan profiileja selatessa nykyään valtaosalla ei ole minkäänlaista kirjoitettua tekstiä siellä. Juuri ja juuri s1202059- 391361
Suomi vietiin Natoon väärin perustein. Viides artikla on hölynpölyä. Yksin jäämme.
Kuka vielä uskoo, että viides artikla takaa Suomelle avun, jos Suomeen hyökätään. Liikuttavasti täällä on uskottu ja ved4021345- 731173
Sydämeni on sinun luona
Koko ajan. Oli ympärilläni ketä oli niin sinä olet vain ajatuksissa ja tunteissa. En halua muiden kosketusta kuin sinun471034Trump ja Venäjä
Huomasitteko muuten... Käytännössä ainoat valtiot, joille Trump EI eilen asettanut typeriä tariffejaan, olivat Venäjä ja110952Jatkuva stressitila
On sinun vuoksesi kun en tiedä missä mennään mutta tunteeni tiedän ainoastaan56950