Toon posts:

Oplossing gezocht voor HTML probleempje...

Pagina: 1
Acties:

Verwijderd

Topicstarter
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
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
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]

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!


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
  • Registratie: Juni 2001
  • Niet online
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

Topicstarter
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
  • Registratie: Februari 2000
  • Laatst online: 01:01

crisp

Devver

Pixelated

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

Intentionally left blank


Verwijderd

Topicstarter
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

Topicstarter
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:
1
    <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

Topicstarter
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:
1
    <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

Topicstarter
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
Pagina: 1