Oplossing gezocht voor HTML probleempje...

[Verwijderd]

Ik heb een vreemd probleem met tabellen, opacity en een achtergrondplaatje in Netscape en Mozilla. Weet iemand een oplossing?

http://www.it.fnt.hvu.nl/~dhaeyen/testdingen/tabel01.htm

Bedankt, Daan

EDIT: Sorry voor de dubbele post, ik dacht dat deze er niet opstond, en nu krijg ik dat andere bericht niet weg!!

[ Voor 23% gewijzigd door Verwijderd op 17-02-2004 00:02 ]

[faabman]

ik denk dat de oplossing voor dit probleem wel te vinden is met google... (kom met onderstaande search in ieder geval wat tegen...)

[google=mozilla opacity table]

[Verwijderd]

Het lijkt me een bug in Mozilla met rowspan en -moz-opacity kennelijk.
Ik denk deze:
http://bugzilla.mozilla.o...cgi?id=115791&action=view

Ik denk dat als je geen gebruik zou maken van rowspan, dat het dan wel goed zou moeten gaan.

[Blaise]

Heb je net gewoon een verkeerd plaatje gebruikt?
En die achtergrondplaatjes kan je beter met CSS toekennen » http://www.w3.org/TR/REC-CSS1#background-image

[ Voor 3% gewijzigd door Blaise op 16-02-2004 20:01 ]

[Verwijderd]

Verwijderd schreef op 16 februari 2004 @ 19:59:
Het lijkt me een bug in Mozilla met rowspan en -moz-opacity kennelijk.
Ik denk deze:
http://bugzilla.mozilla.o...cgi?id=115791&action=view

Ik denk dat als je geen gebruik zou maken van rowspan, dat het dan wel goed zou moeten gaan.

Helaas, ook zonder rowspan gaat het fout. Bovendien doet óók netscape het niet goed...

[crisp]

Netscape (as in versie 6 en hoger) == mozilla

[Verwijderd]

crisp schreef op 17 februari 2004 @ 00:01:
Netscape (as in versie 6 en hoger) == mozilla

Aha, vandaar!

Sorry voor de dubbele post crisp...

PS Ik heb al uitgebreid op Google gezocht, geen resultaat.

[ Voor 14% gewijzigd door Verwijderd op 17-02-2004 00:17 ]

[Verwijderd]

Oeps, dat was de attachment.
Ik bedoelde deze link:
http://bugzilla.mozilla.org/show_bug.cgi?id=195291

Ik zal morgen nog eens kijken. Moet nu helaas slapen...

[Verwijderd]

Verwijderd schreef op 17 februari 2004 @ 01:15:
Oeps, dat was de attachment.
Ik bedoelde deze link:
http://bugzilla.mozilla.org/show_bug.cgi?id=195291

Ik zal morgen nog eens kijken. Moet nu helaas slapen...

Hmmm, dit lijkt toch iets anders te zijn...

[Verwijderd]

Ik denk toch nog steed dat het deze is, maar ja het doet er ook niet zoveel toe (tenzij je een bugreport wil schrijven)

Een oplossing -niet echt ideaal- is de td met de rowspan 3 een hoogte te geven die iig groter is dan die van de td met de inhoud, dus zoiets:

code:

    <td rowspan="3" class="transparent" background="tabel01_files/schaduwrechts.gif" height="200" width="12"></td>

Maar ja, zo gaat er weer iets fout bij Opera7.

[Verwijderd]

Verwijderd schreef op 17 februari 2004 @ 11:06:
Ik denk toch nog steed dat het deze is, maar ja het doet er ook niet zoveel toe (tenzij je een bugreport wil schrijven)

Een oplossing -niet echt ideaal- is de td met de rowspan 3 een hoogte te geven die iig groter is dan die van de td met de inhoud, dus zoiets:

code:

    <td rowspan="3" class="transparent" background="tabel01_files/schaduwrechts.gif" height="200" width="12"></td>

Maar ja, zo gaat er weer iets fout bij Opera7.

Helaas weet je de hoogte niet, omdat er van alles in de tabel kan komen te staan... Van 1 regel text tot een heel verhaal.

[Verwijderd]

Dan is er op deze manier geen oplossing vrees ik.

Je zou png plaatjes kunnen maken, deze kunnen 'van nature' gedeeltelijk transparent zijn.
Het voordeel is dat dit ook werkt in Opera.
Het nadeel is, dat het niet 'van nature' werkt in ie, maar daar zijn, denk ik, wel oplossingen voor te bedenken:

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
Maar dit zou misschien niet kunnen lukken in jouw situatie.

Of speciale css voor ie die background-image overschrijft voor die randen met een gewoon gif-plaatje en met een opacity filter.

Het ligt er ook een beetje aan hoe ie met de png omgaat.

[Verwijderd]

OK, ik heb het geprobeert te doen met DIVs. Gek genoeg gaat het dan juist mis in IE: De hoogte 100% van een DIV in een andere DIV lijkt niet te werken. In andere browsers gaat het juist wel goed... Zucht...

http://www.it.fnt.hvu.nl/~dhaeyen/testdingen/tabel01.htm