anoniem Geplaatst: 4 februari 2003 Auteur Delen Geplaatst: 4 februari 2003 Ok ik heb die source van je ff gekopieerd en getest...nu ziet het er uit als volgt : [img:a5c6192c94]http://home.hetnet.nl/~frk/uitslag1.gif[/img:a5c6192c94] Maar de bedoeling is eigenlijk dat het eruit zal zien als het volgende voorbeeld : [img:a5c6192c94]http://home.hetnet.nl/~frk/uitslag2.gif[/img:a5c6192c94] Maar dan natuurlijk wel dat het plaatje niet transparant is. Ik hoop echt dat iemand een idee heeft, of misschien kan het gewoon wel helemaal niet wat ik wil?? Quote Link naar reactie
anoniem Geplaatst: 4 februari 2003 Auteur Delen Geplaatst: 4 februari 2003 maak even een goede beschrijving van wat je precies wil. en denk aan de "tip" voor het gebruiken van divs. Quote Link naar reactie
anoniem Geplaatst: 4 februari 2003 Auteur Delen Geplaatst: 4 februari 2003 whaaa ik heb m [code:1:aed3dcc867] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Alpha Transparency Test</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style type="text/css" media="all"> <!-- body { background-image: url(bg.gif); } div#bgtrans{ filter:alpha(opacity=50); -moz-opacity:50%; height:410px; width:400px; top:40px; left:40px; position:absolute; border:2px solid gold; background:white; z-index:1; } div#content{ filter:alpha(opacity=100); -moz-opacity:100%; padding:0; z-index:2; height:180px; width:380px; top:50px; left:50px; position:absolute; } div#img{ position:absolute; filter:alpha(opacity=100); -moz-opacity:100%; background:url(bg.gif) black; padding:0; z-index:2; height:180px; width:380px; top:260px; left:50px; } --> </style> </head> <body> <div id="bgtrans"> </div> <div id="content"> dit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contantdit is dus de contant </div> <div id="img"> <img src="bg.gif" alt="?" title="?" /> </div> </body> </html> [/code:1:aed3dcc867] zoals ik al zei met divs grtzzz. Quote Link naar reactie
anoniem Geplaatst: 6 februari 2003 Auteur Delen Geplaatst: 6 februari 2003 Ik zie het verschil niet. Je hebt het over <citaat>geen tabellen</citaat>, maar ik zie gewoon de <table>, <td> enz staan.. Ik begrijp het ff niet... Misschien kun je me dit wat duidelijker maken? Quote Link naar reactie
anoniem Geplaatst: 6 februari 2003 Auteur Delen Geplaatst: 6 februari 2003 ik zie hierboven geen tabellen Quote Link naar reactie
anoniem Geplaatst: 6 februari 2003 Auteur Delen Geplaatst: 6 februari 2003 nog een toevoeging: ik wilde het eerst zo proberen te doen als de topicstarter het had voorgesteld met tabellen. ik probeerde hem ondertussen te overtuigen van het nu van divs. uiteindelijk bleek het met tabellen niet te lukken (tot nu toe nog niet) en toen heb ik er eentje met divs gemaakt en die werkt wel. grtzz... Quote Link naar reactie
anoniem Geplaatst: 9 februari 2003 Auteur Delen Geplaatst: 9 februari 2003 Het moet echt met tables werken want de pagina wordt gegenereerd door PHP met een MYSQL Database Dus nu heb ik dit voorbeeld gemaakt en vroeg me af het het misschien mogelijk is om de "bg.jpg" die als achtergrond van de 1e table wordt gebruikt die 50% transparant te maken, want dan ben ik er ook al. Is dit mogelijk of moet het toch op een andere manier of kan het helemaal niet? [code:1:c00de9ee85] <html> <head> <title>Alpha Transparency Test</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body background="background.jpg"> <table background="bg.jpg"><tr><td> <table><tr> <td> <font color="#00CC00" face="Arial, Helvetica, sans-serif"> <b> Name : Monti<br> Age : 21<br> Function : War Member<br> Favo.Wapon : Colt<br> Favo.Map : de_dust </b> </font> </td><td> <img src="plaatje.jpg"> </td></tr></table> </td></tr></table> </body> </html> [/code:1:c00de9ee85] Quote Link naar reactie
anoniem Geplaatst: 9 februari 2003 Auteur Delen Geplaatst: 9 februari 2003 [quote:420e86357f="Ferryk"]Het moet echt met tables werken want de pagina wordt gegenereerd door PHP met een MYSQL Database[/quote:420e86357f]Ik zie even het verband niet... Voor dit probleem lijkt png de beste oplossing. Alleen ondersteunt IE nog geen alpha transparantie, meer hiervoor is een [url=http://www.alistapart.com/stories/pngopacity/]oplossing.[/url] Quote Link naar reactie
anoniem Geplaatst: 9 februari 2003 Auteur Delen Geplaatst: 9 februari 2003 Wat het verband is tusen de tables en PHP/MYSQL is dat de tables van maat veranderen omdat het iedere keer wijzigd van informatie dat er in komt te staan. Vandaar dat ik iets wil met table background color of table background image zodat dat gewoon met de maat mee gaat. Quote Link naar reactie
anoniem Geplaatst: 10 februari 2003 Auteur Delen Geplaatst: 10 februari 2003 een div kan ook gewoon meegaan Quote Link naar reactie
anoniem Geplaatst: 10 februari 2003 Auteur Delen Geplaatst: 10 februari 2003 Dat heb ik gemerkt ja. Het enige probleem is dan nog dat ik het niet voor elkaar krijg om de data die in de table komt te staan niet transparant wordt. Want ik kom dus wel zover dat de achtergrond van de 1e table 50% transparant is maar de data in de 2e table wordt dat ook desondanks ik in de 2e table een div instel met opacity 100% Termin8or (of iemand anders) kun je mij misschien laten zien hoe ik de <div> dan moet gebruiken in combinatie met de tables zoals in me laatste voorbeeld ?? Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen