Gennemsigtige celler

Fx.

<img src="http://www.eksperten.dk/img/eksperten_logo_new.gif" onMouseOver="this.filters.alpha.opacity=80" onMouseOut="this.filters.alpha.opacity=20" style="filter: alpha(opacity=20)">

//>Rune

HUH? Er jo ikke et billede..
kan jeg ikke gøre noget i mit stylesheet ??

a:hover {
display: block;
text-decoration: none;
color: white;
background-color: black;
filter:alpha(opacity=60);
-moz-opacity:0.6;
}

Nopez.. det giver ikke noget..

Burde det her ikke også gælde for menu cellerne ???

.childTbl a {
  position:relative;
  display:block;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  color: #000000;
  filter:alpha(opacity=90);
  -moz-opacity:0.5;
}

Ikke for cellerne, men de links, som er indenfor childTbl's ...

Okay... jamen hvad skal jeg så gøre for at gøre dem gennemsigtige ?? Kan man overhovedet det ??

Måske med en indgangsvinkel som den, medions kommer med:

onmouseover="this.filters.opacity=50;this.style.MozOpacity=0.5"
onmouseout="this.filters.opacity=100;this.style.MozOpacity=1.0"

Kan du ikke lave koden for et link ?

<A HREF="noget.htm".......>Link</A>

:)

-- du vil have cellen udenom linket til at blive gennemsigtig ?-)

Den celle som linket er i...
altså når man peger på linket eller cellen bliver den (i stedet for sort som nu) gennemsigtig...

<a href="noget.htm" onmouseover="this.parentNode.filters.opacity=50;this.parentNode.style.MozOpacity=0.5" onmouseout="this.parentNode.filters.opacity=100;this.parentNode.style.MozOpacity=1.0">Link</a>

Stadig ikke noget.
Er det fordi jeg har struktureret CSS forkert ?? Jeg roder vist lidt... det er nemli' det jeg gør bedst..

Jeg havde glemt alpha i kaldet !-|

<table border="1"><tr><td style="background-color:black;filter:alpha(opacity=100);-moz-opacity:1.0;">
<a href="java script:void(0)" onmouseover="this.parentNode.filters.alpha.opacity='50';this.parentNode.style.MozOpacity=0.5" onmouseout="this.parentNode.filters.alpha.opacity='100';this.parentNode.style.MozOpacity=1.0" style="text-decoration:none;color:red">Link</a>
</td></tr></table>

Ingen ting... grå baggrund..

*GG* Hov... forkert knap, men jeg prøver bare lige selv herfra... men tak for hjælpen.

?-)

Ja, grå er den farve en gennemsigtig sort farve får på hvid baggrund ...

Jeg har prøvet at ændre baggrundsfarven til rød... det er stadig grå ?? Am I missing something ??

Så har du stadig baggrund på linket !-)

Nope... ingenting. Jeg har været det hele igennem syn's jeg... kan ikke finde det ..

.childTbl a:hover {
  background-color: #000000;

Den har jeg prøvet at fjerne... alt som havde noget med den menu at gøre... jeg nåede så lang så rammen (table cellspacing) rundtom blev gennemsigtig, bare ikke cellerne...

Men du har også:

a:hover {
display: block;
text-decoration: none;
color: white;
background-color: black
}

--så du skal:

.childTbl a:hover {
  background: transparent;

There we go.. har slette alle ref's til a:
Brugte det ikke..

men det gjorde nu ikke noget forskel..

Mit CSS nu :


html, body {height: 100%;}
body {
    color: #000000;
    font-size: 10px;
    background-color: #cfcfcf;
    FONT-FAMILY: arial, veranda, sans-serif
}
.childTbl {
  font: 10px arial, verdana, sans serif, serif;
  color: #333333;
  background-color: #ffffff;
  border-color: #666666;
  border-style: solid;
  border-width: 1px;
  filter:alpha(opacity=90);
  -moz-opacity:0.5;
}
.childTbl a {
  position:relative;
  display:block;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  color: #000000;
  filter:alpha(opacity=90);
  -moz-opacity:0.5;
}
.childTbl a:hover {
  display:block;
  text-decoration: none;
  background-color: #cc0000;
  font: 10px arial, verdana, sans serif, serif;
  color: #FFFFFF;
  filter:alpha(opacity=20);
  -moz-opacity:0.5;
}

.used {
  font: 10px arial, verdana, sans serif, serif;
  color: #333333;
  background-color: #ffffff;
  border-color: #666666;
  border-style: solid;
  border-width: 1px;
  filter:alpha(opacity=20);
  -moz-opacity:0.5;
}
.used a {
  position:relative;
  background-color: #dddddd;
  display:block;

  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  color: #000000;
  filter:alpha(opacity=20);
  -moz-opacity:0.5;
}
.used a:hover {
  display:block;
  text-decoration: none;
  background-color: #eeeeee;
  font: 10px arial, verdana, sans serif, serif;
  color: #000000;
  filter:alpha(opacity=20);
  -moz-opacity:0.5;


}
.tabel {
  backgroynd-color: #ffffff
  filter:alpha(opacity=80);
}
.main {
  border: #000000 1px solid;
  font: 10px arial, verdana, sans serif, serif;
}
.menu {
  border: #000000 1px solid;
  font: 10px arial, verdana, sans serif, serif;
  background-color: #dddddd;
  filter:alpha(opacity=100);
  -moz-opacity:0.5;
}
.title1 {
    font: 10px verdana, arial, sans serif, serif;
    font-weight: bold;
}
.contxt {
  border: #000000 1px solid;
  font: 10px arial, verdana, sans serif, serif;
  background-color: #ffffff;
  filter:alpha(opacity=80);
  -moz-opacity:0.5;
}

eg har prøvet mig frem med at fjerne ref's til background-color , men intet resultat ...

.childTbl {
  font: 10px arial, verdana, sans serif, serif;
  color: #333333;

Stadig ikke...

Når du har display:block; på linket er det vel selve linkets baggrundsfarve, som skal blurres:

.childTbl a:hover {
  display:block;
  text-decoration: none;
  background: transparent;
  font: 10px arial, verdana, sans serif, serif;
  color: #FFFFFF;
}

Så er baggrunden hvid...
Det er meeeeget mystisk det her, men jeg tager hjem nu, og kommer igen i morgen...

roenving, skal s'følig nok lige smide nogle points til dig ;o)
CS