[JavaScript/HTML] Opacity probleem

[KovaK]

Hallo ik ben bezig met een website nu heb ik deze code voor een tablletje.

<table border=0 width=100%>
<tr><td height=2 bgcolor=#000000></td></tr>
<tr><td bgcolor="#FFFFFF" style="filter:alpha(opacity=15); -moz-opacity:0.15">Deze tekst moet niet opacity 15% hebben !</td></tr>
<tr><td height=2 bgcolor=#000000></td></tr>
</table>

Hoe kan ik die tekst in de cel waarvan de opacity 15% is gewoon normaal laten blijven?

[ Voor 56% gewijzigd door KovaK op 10-11-2005 16:39 ]

[Cyphax]

Ik dacht dat het lukt als je de tekst in een divje (zonder achtergrondkleur ofzo) zet, en dat divje in je cell.
[edit]
Of een span. Ik heb het eens nagekeken. 'k Heb dat zelf weleens zo opgelost en dat werkte geloof ik wel...

[ Voor 39% gewijzigd door Cyphax op 10-11-2005 16:48 ]

[whoami]

JS hoort in W&G
P&W -> W&G

[Verwijderd]

Zet de tekst in een absoluut gepositioneerde span met opacity op 100%.

code:

<td bgcolor="#FFFFFF" style="filter:alpha(opacity=15); -moz-opacity:0.15">
  <span style="position:absolute;filter:alpha(opacity=100); -moz-opacity:1">Deze tekst moet niet opacity 15% hebben !</span>
</td>

[ Voor 62% gewijzigd door Verwijderd op 10-11-2005 16:52 ]

[KovaK]

helaas werkt niet

[RobIII]

Zet een opacity op de Div/Span

[ Voor 9% gewijzigd door RobIII op 10-11-2005 16:54 ]

[KovaK]

Verwijderd schreef op donderdag 10 november 2005 @ 16:50:
Zet de tekst in een absoluut gepositioneerde span met opacity op 100%.

code:

<td bgcolor="#FFFFFF" style="filter:alpha(opacity=15); -moz-opacity:0.15">
  <span style="position:absolute;filter:alpha(opacity=100); -moz-opacity:1">Deze tekst moet niet opacity 15% hebben !</span>
</td>

in een DIV werkt hij wel met de position relative

THNX!

[ Voor 10% gewijzigd door KovaK op 10-11-2005 16:54 ]

[RobIII]

KovaK schreef op donderdag 10 november 2005 @ 16:53:
[...]


in een DIV werkt hij wel met de position relative

THNX!

Dan kun je heel die filter ook gewoon weglaten in die style hoor

[Fuzzillogic]

Hack: gebruik een PNG met alphachannel, gebruik die als background. Dat werkt echter niet in bepaalde verouderde browsers zonder PNG-hack.

[KovaK]

Dan kun je heel die filter ook gewoon weglaten in die style hoor

klopt idd dan werkt het ook

Nexxennium schreef op donderdag 10 november 2005 @ 16:55:
Hack: gebruik een PNG met alphachannel, gebruik die als background. Dat werkt echter niet in bepaalde verouderde browsers zonder PNG-hack.

Dat word me ff wat teveel daar heb ik geen verstand van

[ Voor 16% gewijzigd door KovaK op 10-11-2005 16:59 ]

[KovaK]

Hmm het werk wel in IE maar niet in FireFox

[Cyphax]

KovaK schreef op donderdag 10 november 2005 @ 20:59:
Hmm het werk wel in IE maar niet in FireFox

In FF moet je -moz-opacity gebruiken, FF doet niet aan IE filters.

[RobIII]

Cyphax schreef op donderdag 10 november 2005 @ 23:36:
[...]

In FF moet je -moz-opacity gebruiken, FF doet niet aan IE filters.

Kijk nog eens goed
Hij gebruikt -moz-opacity

[Cyphax]

RobIII schreef op donderdag 10 november 2005 @ 23:38:
[...]

Kijk nog eens goed
Hij gebruikt -moz-opacity

Verrek, helemaal gemist. 'k Heb het ook in FF werkend gekregen dus het moet gewoon kunnen maar nou weet ik even niet meer hoe 'k dat nou deed. En ik kan er ook even niet bij nu.

[Vampier]

http://www.vampier.net/style.php

open deze maar... met IE en FF aparte stylesheets. Dus met FF openen voor de opacity stuff. Ik zit nu op mijn werk en kan even niet bij de code die ik gebruikt heb.

[crisp]

mozilla/firefox ondersteund tegenwoordig gewoon de CSS3 property opacity hoor

[KovaK]

En nu even concreet, de opacity werkt wel in FireFox maar in internet exlorer is alles wat in die opacity 15% cel staat gewoon normaal door die div. En in firefox is alles wat in die cel staat ook opacity 15% terwijl dat niet de bedoeling is.

Hoe los ik dit op ?

[Verwijderd]

heb je geen linkje?

[KovaK]

http://www.clan-session.com/staychilled/site.rar

[Verwijderd]

In principe begrijp ik wel waarom FF doet wat ie doet. Maar ik zou eerlijk gezegd zo niet weten hoe je dit oplost.

[Cyphax]

zoiets?
'k Heb ook een divje over het andere divje heen gelegd, met een absolute positionering en dan krijg je dat effect...

[KovaK]

Ik heb even zitten prutsen maar ik kom er niet uit, ik werk niet met plaatjes maar met een achtergrond van een cel

[Cyphax]

KovaK schreef op vrijdag 11 november 2005 @ 10:52:
Ik heb even zitten prutsen maar ik kom er niet uit, ik werk niet met plaatjes maar met een achtergrond van een cel

Even los van dit probleem... waarom een tabel? Gaat het om tabulaire data?
Ik heb even je de code van je index.html bekeken maar je hebt 'm helemaal met tabellen gestructureerd, dat is sowieso jammer.

[KovaK]

Is dit niet verstandig ?
Hoe kan ik dit beter doen?

ik werk altijd met tabellen

[ Voor 26% gewijzigd door KovaK op 11-11-2005 11:03 ]

[Verwijderd]

Kovak zit ook met het probleem dat hij de hoogte van het tekstvlak niet weet. Cyphax heeft dit probleem niet op zijn site. Maar ik ben het wel eens met wat hij zegt. Het is belangrijk om zoveel mogelijk CSS style te gebruiken en geen tables voor je lay-out, in het begin lijkt al dat CCS vrij complex, maar als je het doorhebt kan je heel gemakkelijk website onderhouden.

Voorbeeldje:
zo ziet de site eruit zonder CSS
en zo met als je kijkt naar de source van de pagina dan is deze practisch leeg

[Cyphax]

KovaK schreef op vrijdag 11 november 2005 @ 10:58:
Is dit niet verstandig ?
Hoe kan ik dit beter doen?

In principe door elementen te gebruiken waar ze voor bedoeld zijn.
Semantiek - waarom zou je?
Voor tabellen geldt dat ze bedoeld zijn om... well.. tabellen weer te geven. Je kunt ze toevallig ook gebruiken voor de structuur van je website maar daar zitten wat nadelen aan. Zo is het bijvoorbeeld veel lastiger te doorgronden als je een ingewikkelde structuur van geneste tabellen hebt. Onderhoud wordt er niet makkelijker op. Dat vind ik persoonlijk de belangrijkste reden.
Misschien staat het los van je probleem, hoewel: het voorbeeld dat ik gaf is blijkbaar makkelijker werkend te krijgen zonder tabellen?

Kijk, je moet natuurlijk niets, je kunt inderdaad nog steeds prima je site opmaken met tabellen. Dat zal voorlopig ook nog wel blijven werken dus als je geen zin hebt je te verdiepen in die ideeen kun je beter gewoon tabellen blijven gebruiken.

[ Voor 14% gewijzigd door Cyphax op 11-11-2005 11:09 ]

[KovaK]

Ik maak wel gebruik van CSS, maar ik benut dus duidelijk niet alle functies,
ik bouw al eeuwen met tabellen dus dat zit er in gebakken

[KovaK]

Crap dit gaat niet werken? Weet iemand een andere oplossing? Om die menu's te constueren ??

[ Voor 5% gewijzigd door KovaK op 11-11-2005 14:43 ]

[Verwijderd]

Als je de hoogte weet van de menu's dan is het niet moeilijk om er zo'n witte achtergrond achter te zetten, je pakt dan gewoon een lege div, geeft hem dezelfde hoogte en breedte als het menu, plaatst hem op exact dezelfde plek met behulp van position absolute. en geeft hem een lage z-index (-1 bijvoorbeeld, zodat het witte vlak altijd achter het menu valt). Voor de tekst, waar je de hoogte niet van weet, heb ik helaas niet zo een oplossing.

Misschien kan je de huidige oplossing gebruiken voor alleen IE en bij mozilla een alpha png erachter zetten (en dan die weer hiden voor IE). De code wordt doordoor wel steeds smeriger

[KovaK]

die had ik zelf ook al geprutst inderdaad maar de tabel is niet altijd even groot hij kan varieren

[KovaK]

Ik ben er uit ik gebruik nu voor FF de png hack en voor IE gewon wat ik al had !