[LiivaneLord]

link

Tabelis on näha 5 rida, mille esimene veerg on taustavärviga. Soov oleks see taustavärv määrata nende ridade kõikide veergude ulatuses, aga selliselt, et tabeli lahtrite vahesid ei jääks. Tervele reale oskan taustavärvi määrata, aga siis jäävad lahtrite vahed sisse, kuid see muudab asja inetuks.

Teisalt ei taha ma tabelil cellspacing="1" määrata nulliks, sest värvilistele kastidele (punane ja roheline ruut) peavad jääma vahed ning veergude vahe 1 piksel on ideaalne vahe. Ruudud tulenevad lahtri omadusest border:2px solid värv.

On see kuidagi võimalik, et tabelis on valitud read katkematult teistsuguse taustavärviga?

[andrusny]

table{border-collapse:collapse;}
td{background:#ee22aa;border-bottom:1px solid #000;}

[LiivaneLord]

Spoiler

LiivaneLord kirjutas:

andrusny kirjutas: table{border-collapse:collapse;} td{background:#ee22aa;border-bottom:1px solid #000;} See on hea lahendus, aga siin tekib uus häda - borderiga kastid on laiemad, kui ilma selleta. Proovisin lahendust, et määrasi borderi läbipaistvaks (transparent) või taustavärvi, aga tulemuseks olid punastel ja sinistel kastidel kas taustavärvilised küljed või nurgad.

Lahendasin asja selliselt, et lisasin CSS-i tühjadele lahtritele border-left:2px solid transparent ja border-top:2px solid transparent.

Aga huvitaval kombel on firefoxis osade kastide nurgad läbipaistvad, aga IE-s ning Chromes seda nähtust ei ole. Kuidas saaks need ühtlustada ehk Firefoxis kastid samasuguseks, nagu on IE-s ja Chromes? Ei taha läbipaistvaid nurki.
Näide: link

[mikk36]

LiivaneLord, jaga ka pilti probleemist, jääb segaseks hetkel vaadates.

[LiivaneLord]

mikk36, aah, vabandust, tegin vahepeal uuendusi, kuid leidsin lahenduse, lihtsaimast lihtsaima - taustapilt. Oleksin võinud kohe selle peale tulla.

link

Spoiler

Teiste lahenduste puhul oli kogu aeg nokk kinni, saba lahti. border-collapse oli hea lahendus, aga nurgad läksid ära ning äärmiste lahtrite laius varieerus (Firefoxis).

Spoiler

border-radius kaotas nurkade ning lahtrite laiuse varieerumise probleemi ära, kuid valitud ridadel oli küll teistsugune taustavärv, aga see, mis jäi raadiuses väljapoole, näitas IE taustavärviks tabeli taustavärvi, mitte rea taustavärvi (Internet Explorer).

Spoiler