opacity in de BG, maar niet in de inhoud van een table

[paQ]

even een toelichting

ik heb een table
de table heeft een achtergrond

in de table komt een ticker. dat is een javascriptje, wat ik simpelweg in een td tag zet

omdat de achtergrond van de table niet overal hetzelfde is, zijn sommige zaken van de ticker tape soms moeilijk leesbaar. Dus daar wil ik dan een balkje achter met een opacity van bijvoorbeel 35%

wanneer ik de td tag een opacity geef van 35%

code:

<td style="filter:Alpha(opacity=35);">

dan werkt dat wel, maar is de tekst van de ticker tape dus ook deels transperant

twee td's overelkaar heen kn niet...

waneer ik een div in de td wil zetten, gaat het hele zaakje áchter de table staan, dus ook áchter de BG image van de tabel

hoe kan ik dit probleem nu aanpakken?

[djluc]

Op www.djluc.nl gebruik ik het ook. Je moest geloof ik 2 div's in elkaar nesten. In de source kun je dit vast wel vinden. Stukje CSS:

Cascading Stylesheet:

#backg{
         background-color: #5F570F;
         filter: alpha(opacity=70);
         -moz-opacity: 0.7;
}

#content{
         position:relative;
}

Dus deze divs:

code:

<div id="backg">
  <div id="content">
    tekst
  </div>
</div>

[ Voor 56% gewijzigd door djluc op 18-02-2004 22:45 ]

[paQ]

djluc schreef op 18 februari 2004 @ 22:42:
Op www.djluc.nl gebruik ik het ook. Je moest geloof ik 2 div's in elkaar nesten. In de source kun je dit vast wel vinden. Stukje CSS:

Cascading Stylesheet:

#backg{
         background-color: #5F570F;
         filter: alpha(opacity=70);
         -moz-opacity: 0.7;
}

#content{
         position:relative;
}

Dus deze divs:

code:

<div id="backg">
  <div id="content">
    tekst
  </div>
</div>

met divs lukt het ook wel, maar ze moeten op een specifieke plek in een table komen

ik wil niet n00big doen, maar een div kán ik toch niet in een table?

[Blaise]

Mag zijn opgenomen in: APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD en TH

http://www.handleidinghtml.nl/html/elementen/div.html

[paQ]

potver de potver

kan ik niet uitstaan dit

het ziet er nu ongeveer zo uit:

code:

 <tr valign="top"><td width="34%">

    <td style="background-color: #ffffff; filter:alpha(opacity=35);">
    

<script language="JavaScript1.2">
*blaat
</script>


<ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; 
visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0>
</layer></ilayer>

</td>
</tr>

nu wordt dus ook de inhoud van de td ge-opacitied

de opacity in de Ilayer meegeven doet niets

[ Voor 17% gewijzigd door paQ op 18-02-2004 23:07 ]

[crisp]

layer? ilayer? design je nog puur voor NS4 ofzo???

[paQ]

crisp schreef op 18 februari 2004 @ 23:09:
layer? ilayer? design je nog puur voor NS4 ofzo???

mwa... dat scriptje heb ik effe vlug gecopy paste

ik kom dus niet verder dan zo:


de tekst gaat nu dus mee

[paQ]

*kick*

ik heb nu een table in een table in een table gezet.
het viel te verwachten: als ik de een na laatste table een opacity geef, pakt de laatste in rij dat natuurlijk ook weer op...

mooie is nu wel dat je veel beter je vakje kunt positioneren en een randje geven etc etc...

verder dan dit kom ik niet.
enerzijds is het nu nog wel goed te lezen, anderzijds had ik de achtergrond liever nog wat transperanter gehad

resultaat: