Transparante Table - Softwareontwikkeling

donderdag 25 december 2003 15:20

Acties:

Verwijderd

Topicstarter

Ik ben bezig met mn website, en ik wil graag een tabel maken waar je doorheen kunt kijken, maar dat de text wel 100% zichtbaar is.
Nu heb ik het zo, alleen hierbij is de text niet voor 100% zichtbaar:

code:

 <table align="left">
    <td width="550"   style="filter:alpha(opacity=50);" bgcolor="#FFFFFF" > 
      <?php include $home ?>
    </td>
  </tr>
</table>

Weet iemand hoe dit op te lossen is??
Ik wil dus alleen de achtergrond van de table voor 50% transparant, maar de text enz. niet....

[ Voor 12% gewijzigd door Verwijderd op 25-12-2003 15:27 . Reden: [b]voor 50%[/b] ]

donderdag 25 december 2003 15:24

Acties:

Mercarra

filter:alpha(opacity=50) is IE only, vermijden dus.
background-color:none; werkt niet?

Mijn html is brak, maar dit moet werken:

code:

<body style="background-color:ff0000">

<table style="background-color:none;border-style:solid;border-color:#000000;border-width:1px">

<tr><td> dsfsefrsdf</td></tr>

<table>

</body>

[ Voor 60% gewijzigd door Mercarra op 25-12-2003 15:28 ]

Canon EOS 6D / Samyang 14mm f/2.8 / 17-40mm f/4.0 / 35mm f/1.4 / 50mm f/1.4 / 85mm f/1.8 / 70-200mm f/4 IS mercarra.nl

donderdag 25 december 2003 15:25

Acties:

Harm

HTML:

1	<td style="background-color: transparant;">blaat</td>

Dat zou ook goed moeten zijn

.

donderdag 25 december 2003 15:26

Acties:

Verwijderd

Topicstarter

mercarra schreef op 25 december 2003 @ 15:24:
filter:alpha(opacity=50) is IE only, vermijden dus.
background-color:none; werkt niet?

Nee, ik wil juist dat de achtergrond voor 50% tansparant is. Is er ook een oplossing die ook met andere browsers werkt??

donderdag 25 december 2003 15:28

Acties:

MAZZA

Barbie is er weer!

Met -moz-opacity krijg je het ook in Mozilla werkend

donderdag 25 december 2003 15:28

Acties:

crisp

Devver

Pixelated

HTML:

<table align="left">
  <tr>
    <td width="550" style="background-color:#FFFFFF;filter:alpha(opacity=50);"> 
      <div style="position:relative">
        <?php include $home ?>
      </div>
    </td>
  </tr>
</table>

Intentionally left blank

donderdag 25 december 2003 15:28

Acties:

creative8500

freedom.

Verwijderd schreef op 25 december 2003 @ 15:26:
[...]

Nee, ik wil juist dat de achtergrond voor 50% tansparant is. Is er ook een oplossing die ook met andere browsers werkt??

PNG

donderdag 25 december 2003 15:29

Acties:

Bubbaman

Als je dat toch zo wilt doen:

PHP:

 <table style="filter:alpha(opacity=50);" bgcolor="#FFFFFF" >
  <tr>
    <td width="550"> 
      <strong style="color:red">TEST</strong>
    </td>
  </tr>
</table>

Niet de TD, maar de TABLE transparant maken...

donderdag 25 december 2003 15:29

Acties:

Eskimootje

Een transparante .png die je met IE ook nog eens transparant maakt? (volgens mij kon IE geen transparante png's aan en Opera kan geen filter property aan wat Mozilla doet weet ik niet maar is wel een optie voor opacity in css met Mozilla.

donderdag 25 december 2003 15:31

Acties:

Verwijderd

Topicstarter

creative8500 schreef op 25 december 2003 @ 15:28:
[...]

PNG

Een transparante GIF ook een optie?? IE 5.5+ kan dat niet aan namelijk...

[ Voor 11% gewijzigd door Verwijderd op 25-12-2003 15:34 ]

donderdag 25 december 2003 15:34

Acties:

rimave

dat is vrij simpel, gewoon border=0:

<table border="0" width="500" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>

Oeps, topic fout gelezen. Ik zie nu dat de topicstarter een tabel bedoeld die voor 50% zichtbaar is.

[ Voor 47% gewijzigd door rimave op 25-12-2003 15:35 ]

The only thing better than a cow, is a human. Unless you need milk. Then you really need a cow.

donderdag 25 december 2003 15:34

Acties:

MAZZA

Barbie is er weer!

liquid-orange schreef op 25 december 2003 @ 15:34:
dat is vrij simpel, gewoon border=0:

<table border="0" width="500" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>

Volgende keer eerst lezen

donderdag 25 december 2003 15:37

Acties:

Verwijderd

Waarom maak je geen achtergrond pic voor die tabel/cel om dat effect te bereiken? Werkt in elke browser

donderdag 25 december 2003 15:41

Acties:

rimave

Kijk hier maar eens. Ik denk dat dit is wat je bedoeld:

linkje

voorbeeld

[ Voor 18% gewijzigd door rimave op 25-12-2003 15:42 ]

The only thing better than a cow, is a human. Unless you need milk. Then you really need a cow.

donderdag 25 december 2003 15:41

Acties:

Johnny

ondergewaardeerde internetguru

Als je een semitransparante PNG afbeelding gebruikt zal het er in Mozilla goed uitzien, in MSIE zal hij helemaal zichtbaar zijn, met filter: alpha(opacity=50) kun je dan het geheel semi-transparant maken in MSIE, maar de tekst zal dan ook vervagen!

In Mozilla kun je dat vermijden door de tekst weer de eigenschap -moz-opacity: 1.0; te geven, maar als je in MSIE de tekst op filter: alpha(opacity=100) zet blijft hij gewoon half doorzichtig.

Ik denk dat je het beste een semi-transparante PNG afbeelding kunt gebruiken en dan met dat ActiveX gedoe gebruiken om het ook in MSIE te laten werken.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

donderdag 25 december 2003 15:51

Acties:

Verwijderd

Kan je zo'n semi transparante png gewoon maken met photoshop? Leeg bestand, fill, opacy = 50% alles opvullen en dan save as png? of zie ik dat verkeerd...

donderdag 25 december 2003 17:03

Acties:

bolleh

overigens die site, visvogel.nl heb ik ff getest:
ie ziet er goed uit
mozilla firebird heeft wel dat transparante stuk maar niet over je hele table en positioneert dingen wat anders waardoor het fucked up eruit ziet
opera doet dat wel goed maar weer geen transparency
gewone mozilla heb ik nog niet installed dus kan ik ff niet testen

als je een website bouwt, eerst offline doen en dan alles in zoveel mogelijk browsers testen voor je het online gooit

<edit>
ff mozilla installed en die doet net als firebird fucked up, dus je indeling van die table en divjes overnieuw doen tot het wel goed is

verder ff je page door de validator van w3.org gegooid en het resultaat is niet echt mooi

veel fouten
je page door de validator
als je een page html 4.01 of xhtml valid maakt zul je vrijwel nooit zulke indeling fouten krijgen, en als je ze wel hebt zijn ze simpel op te lossen

[ Voor 42% gewijzigd door bolleh op 25-12-2003 17:09 ]

donderdag 25 december 2003 17:40

Acties:

Verwijderd

Voeg -khtml-opacity ook maar toe voor Safari en Konquerer.

donderdag 25 december 2003 21:03

Acties:

Johnny

ondergewaardeerde internetguru

en opacity: voor alle browsers die CSS3 (gedeeltelijk) ondersteunen. Nieuwe versies van Mozilla zullen -moz-opacity: niet meer ondersteunen, maar wel de nieuwe opacity:.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

vrijdag 26 december 2003 15:40

Acties:

Verwijderd

Topicstarter

Nou, ik heb het opgelost met php....

zo is het geworden:

code:

<?php 
      if(strstr($HTTP_USER_AGENT, "MSIE")) {
      ?>
    <td width="550" style="filter:alpha(opacity=25);" bgcolor="#FFFFFF" border="0"> 
      <div style="position: relative;"> <?
      } else {
      ?>

<td width="100%" background="Images/transp25.png">  
<?php }; include $news;
       if(strstr($HTTP_USER_AGENT, "MSIE")) {
      ?></div> <? } ?>

thanx iedereen!!!