Notifikationer

Markér alle som læst Log ud

w13 Novice

01. juli 2003 - 12:16 Der er 23 kommentarer og
1 løsning

IKKE gennemsigtig celle

Jeg har fundet en lille kode, som gør en tabel gennemsigtig, (style="filter:alpha(opacity=80") men nu vil jeg gerne have een enkel af cellerne i tabellen til IKKE at være gennemsigtig... (Jeg skal bruge cellen til at vise nogle billeder i, men desværre bliver de også gennemsigtige, så man kan se baggrunden igennem dem!)

Hvad skal jeg gøre?

Synes godt om

schaefner Juniormester

01. juli 2003 - 12:26 #1

umiddelbart, så kan du kun gøre det sådan:

<table><tr>
<td style="filter:alpha(opacity=80)">hej</td>
<td style="filter:alpha(opacity=80)">hej</td>
<td>hej</td>
<td style="filter:alpha(opacity=80)">hej</td>
<td style="filter:alpha(opacity=80)">hej</td>
</tr></table>

men det kan da godt være at der er andre måder :)

Synes godt om

=maddog= Nybegynder

01. juli 2003 - 13:51 #2

det er et problem der beklageligvis nok kun kan løses med schaefners håndhack. opacity nedarves altid og det kan du IKKE umiddelbart komme uden om.
Side-note: brug style="filter:alpha(opacity=80);-moz-opacity:0.800;" i stedet for. Så kan os med Mozilla og Netscape nemlig også se det.

Synes godt om

roenving Novice

01. juli 2003 - 16:09 #3

-- og du skal selvfølgelig tilføje =maddog=s mozilla-udvidelse, men ellers er det her en løsningsmodel:

<HTML>
<HEAD>
<style TYPE="text/css">
td{
filter:alpha(opacity=50);
}
#ugennemsigtig{
background:#000;
filter:alpha(opacity=100)
}
</style>
</HEAD>
<BODY>
<table style="background:#700;color:#fff"><tr>
<td>hej</td>
<td>hej</td>
<td id="ugennemsigtig">hej</td>
<td>hej</td>
<td>hej</td>
</tr></table>
</BODY>
</HTML>

Synes godt om

w13 Novice

01. juli 2003 - 18:21 #4

Beklager Schaefner, men jeg kan altså ikke få det til at fungere... Jeg tror også, det var din metode, jeg forsøgte i starten, men den duede jo netop ikke, så jeg valgte bare at sætte den på hele tabellen... Det ærgrer mig jo bare nu!

Synes godt om

w13 Novice

01. juli 2003 - 18:22 #5

Også til dig, Roenving... Det du'r ik'...!

Synes godt om

roenving Novice

01. juli 2003 - 18:25 #6

-- hvad får du af fejl ?-)

-- i udseendet går jeg ud fra ...

Synes godt om

w13 Novice

01. juli 2003 - 18:38 #7

...Den bli'r ikke gennemsigtig... Det er det eneste...

Synes godt om

roenving Novice

01. juli 2003 - 18:41 #8

opacity går jo på forgrundsting -- ikke baggrund, den skal klares med background-color:transparent

Synes godt om

w13 Novice

01. juli 2003 - 18:50 #9

Nej, det ER forgrunden, (altså enkelte celler) som skal blive halvt gennemsigtige!

Synes godt om

roenving Novice

01. juli 2003 - 18:57 #10

I det eksempel jeg lavede (og også i schaefners ,-) blev forgrunden -- repræsenteret af teksten -- mere eller mindre gennemsigtig -- du kunne have lavet samme nummer med f.eks. et billede, men hvis du skal kigge ind igennem td'en, så du kan se det som er bagved er det baggrunden, som skal være gennemsigtig -- og der kan du ikke lave graddeling !-)

Synes godt om

w13 Novice

01. juli 2003 - 22:13 #11

jA, ALTSÅ DET er BAGGRUNDEN i TABELLEN, som skal være gennemsigtig, men det kan ikke lade sig gøre at lade nogle forblive ugennemsigtige?

Synes godt om

roenving Novice

02. juli 2003 - 01:32 #12

Prøv det -- og husk at sætte din baggrund ind i dit eksempel:

<HTML>
<HEAD>
<style TYPE="text/css">
td{
font-size:30px;
background:transparent;
}
#ugennemsigtig{
background:#700;
filter:alpha(opacity=100)
}
</style>
</HEAD>
<BODY style="background:url('billede.jpg') no-repeat;">
<table><tr>
<td>hej</td>
<td>hej</td>
<td id="ugennemsigtig">hej</td>
<td>hej</td>
<td>hej</td>
</tr></table>
</BODY>
</HTML>

Synes godt om

roenving Novice

02. juli 2003 - 02:34 #13

Og en ekstremt tydelig udgave:

<HTML>
<HEAD>
<style TYPE="text/css">
td{font-size:30px;
background:transparent;
filter:alpha(opacity=50);
color:#7f0;
}
#ugennemsigtig{
background:#7f0;
filter:alpha(opacity=100);
color:#f00;
}
</style>
</HEAD>
<BODY style="background:#00f;">
<table><tr>
<td>hej</td>
<td STYLE="filter:alpha(opacity=100);">hej</td>
<td id="ugennemsigtig">hej</td>
<td>hej</td>
<td>hej</td>
</tr></table>
</BODY>
</HTML>

Synes godt om

w13 Novice

02. juli 2003 - 14:12 #14

Nej, desværre... Det eneste der sker er, at baggrundene i de celler, jeg PRØVER at gøre gennemsigtige, bliver "vandmærker"! (Dvs. farven bliver lysere!)

Synes godt om

roenving Novice

02. juli 2003 - 14:49 #15

Det gør de ikke hverken med baggrundsfarven eller med det billede jeg havde brugt som baggrundsbillede -- som heldigvis egner sig ekstremt godt til at vise det ...

Har du prøvet præcis ovenstående -- uden at ændre et eneste tegn ?-)

Synes godt om

w13 Novice

03. juli 2003 - 12:36 #16

Hmmmm.... Jo, det ER mig, der laver en fejl! Dit eksempel virker, Roenving, bare kke når jeg sætter det ind i mit design! Jeg prøver igen...!

Synes godt om

w13 Novice

03. juli 2003 - 12:59 #17

Nej! Det virker stadig ikke... Prøv i om i kan få det til at virke ved at klikke her: http://www.2biaz.dk og sætte koden ind!

Synes godt om

w13 Novice

03. juli 2003 - 12:59 #18

UNDSKYLD! KLIK HER: http://www.2biaz.dk/TEST.htm

Synes godt om

w13 Novice

03. juli 2003 - 13:00 #19

(Den side, som IKKE skal være gennemsigtig, er SIDEN KAN IKKE VISES-siden!)

Synes godt om

=maddog= Nybegynder

03. juli 2003 - 13:10 #20

<html>

<head>

<title>VIRKER IKKE!?</title>
<base href="http://www.2biaz.dk/">
<style type="text/css"></style>

</head>

<body style="background:#00f url('http://www.2biaz.dk/Sponsor6/Billeder/Bg_1.bmp');" topmargin=50 leftmargin=100 rightmargin=100 link="#000000" vlink="#000000" alink="#000000" bgcolor="#0066CC">

<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-style:solid; border-width:2; border-collapse: collapse;" bordercolor="#111111" width="791" height="328" id="AutoNumber1" bgcolor="#FFFFFF" bordercolorlight="#000000" bordercolordark="#000000">
<tr>
<td width="632" height="89" colspan="2" style="padding: 0" bordercolor="#FFFFFF" rowspan="2">
<font face="Verdana" size="7" color="#808080">  VIRKER IKKE!?</font></td>
<td width="151" height="26" style="padding: 0" bordercolor="#FFFFFF">
<p align="right">

<font color="#000000" face="Verdana" size="2">

<SCRIPT LANGUAGE="JavaScript1.2">

var months=new Array(13);
months[1]="januar";
months[2]="februar";
months[3]="marts";
months[4]="april";
months[5]="maj";
months[6]="juni";
months[7]="juli";
months[8]="august";
months[9]="september";
months[10]="oktober";
months[11]="november";
months[12]="december";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000)
year = year + 1900;
document.write(date + ". " + lmonth + " " + year);

</SCRIPT>

 </font></td>
</tr>
<tr>
<td width="151" height="59" style="padding: 0" bordercolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="789" height="23" colspan="3" bgcolor="#000000" style="padding: 0; background-color:#000000">
<p align="center"><a href="http://www.side.dk/TEST.htm"><font face="Verdana" size="2">Start</font></a><font face="Verdana" size="2"><font color="#808080"> |
</font><font color="#800000"><a href="http://www.side.dk/TEST.htm">Hjælp</a></font><font color="#808080">
|
</font><a href="http://www.side.dk/TEST.htm">Opret ny</a><font color="#808080">
|
</font><a href="http://www.side.dk/TEST.htm">Rediger</a><font color="#808080"> |
</font><a href="http://www.side.dk/TEST.htm">Søg</a><font color="#808080"> |
</font><a href="http://www.side.dk/TEST.htm">Kontakt os</a></font></td>
</tr>
<tr>
<td width="151" height="91" style="border-left-width:1; border-right-style:solid; border-right-width:1; border-top-width:1; padding-left:1; padding-right:1; padding-top:0; padding-bottom:0; border-left-style:solid; border-top-style:solid; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
<p align="center"><font face="Verdana" size="2">?????</font><font color="#000000" face="Verdana" size="2">:</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font color="#000000" face="Verdana" size="2">?????:</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font color="#000000" face="Verdana" size="2">?????:</font></p>
<p align="center"> </p>
<p align="center"> </td>
<td style="filter:alpha(Opacity=100);" width="484" height="220" bgcolor="#ffffff" style="padding: 0; background-color:#FFFFFF" bordercolor="#FFFFFF" rowspan="2">
<iframe name="main" height="100%%" width="100%" src="http://www.side.dk/TEST.htm"></iframe> </td>
<td width="151" height="237" style="border-style:solid; border-width:1; padding:1; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
<p align="center"><font color="#000000" face="Verdana" size="2">Vores sponsorer:</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </td>
</tr>
<tr>
<td width="151" height="125" style="border-left-width:1; border-right-style:solid; border-right-width:1; padding-left:1; padding-right:1; padding-top:0; padding-bottom:0; border-left-style:solid; border-bottom-style:solid; border-bottom-width:1; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
 </td>
<td width="151" height="123" style="border-style:solid; border-width:1; padding:1; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
 </td>
</tr>
<tr>
<td width="783" height="10" colspan="3" style="padding: 0; background-color:#000000" bgcolor="#000000">
<p align="right"> </td>
</tr>
<tr>
<td width="783" height="1" colspan="3" style="padding: 0; background-color:#000000" bgcolor="#000000">
<font face="Verdana" color="#808080" style="font-size: 4pt"> </font></td>
</tr>
</table>
</center>
</div>
</body>
</html>

cirka. jeg kan ikke forgive at forstå hvad det er du vil.

Synes godt om

=maddog= Nybegynder

03. juli 2003 - 13:19 #21

eller måske snarere

<html>

<head>

<title>VIRKER IKKE!?</title>
<base href="http://www.2biaz.dk/">
<style type="text/css"></style>

</head>

<body style="background:#17f url('http://www.2biaz.dk/Sponsor6/Billeder/Bg_1.bmp');" topmargin=50 leftmargin=100 rightmargin=100 link="#000000" vlink="#000000" alink="#000000">

<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-style:solid; border-width:2; border-collapse: collapse;" bordercolor="#111111" width="791" height="328" id="AutoNumber1" bordercolorlight="#000000" bordercolordark="#000000">
<tr>
<td width="632" height="89" colspan="2" style="padding: 0; background: white;" bordercolor="#FFFFFF" rowspan="2">
<font face="Verdana" size="7" color="#808080">  VIRKER IKKE!?</font></td>
<td width="151" height="26" style="padding: 0" bordercolor="#FFFFFF">
<p align="right">

<font color="#000000" face="Verdana" size="2">

<SCRIPT LANGUAGE="JavaScript1.2">

var months=new Array(13);
months[1]="januar";
months[2]="februar";
months[3]="marts";
months[4]="april";
months[5]="maj";
months[6]="juni";
months[7]="juli";
months[8]="august";
months[9]="september";
months[10]="oktober";
months[11]="november";
months[12]="december";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000)
year = year + 1900;
document.write(date + ". " + lmonth + " " + year);

</SCRIPT>

 </font></td>
</tr>
<tr>
<td width="151" height="59" style="padding: 0" bordercolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="789" height="23" colspan="3" bgcolor="#000000" style="padding: 0; background-color:#000000">
<p align="center"><a href="http://www.side.dk/TEST.htm"><font face="Verdana" size="2">Start</font></a><font face="Verdana" size="2"><font color="#808080"> |
</font><font color="#800000"><a href="http://www.side.dk/TEST.htm">Hjælp</a></font><font color="#808080">
|
</font><a href="http://www.side.dk/TEST.htm">Opret ny</a><font color="#808080">
|
</font><a href="http://www.side.dk/TEST.htm">Rediger</a><font color="#808080"> |
</font><a href="http://www.side.dk/TEST.htm">Søg</a><font color="#808080"> |
</font><a href="http://www.side.dk/TEST.htm">Kontakt os</a></font></td>
</tr>
<tr>
<td width="151" height="91" style="border-left-width:1; border-right-style:solid; border-right-width:1; border-top-width:1; padding-left:1; padding-right:1; padding-top:0; padding-bottom:0; border-left-style:solid; border-top-style:solid; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
<p align="center"><font face="Verdana" size="2">?????</font><font color="#000000" face="Verdana" size="2">:</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font color="#000000" face="Verdana" size="2">?????:</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font color="#000000" face="Verdana" size="2">?????:</font></p>
<p align="center"> </p>
<p align="center"> </td>
<td style="filter:alpha(Opacity=100);" width="484" height="220" bgcolor="#ffffff" style="padding: 0; background-color:#FFFFFF" bordercolor="#FFFFFF" rowspan="2">
<iframe name="main" height="100%%" width="100%" src="http://www.side.dk/TEST.htm"></iframe> </td>
<td width="151" height="237" style="border-style:solid; border-width:1; padding:1; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
<p align="center"><font color="#000000" face="Verdana" size="2">Vores sponsorer:</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </td>
</tr>
<tr>
<td width="151" height="125" style="border-left-width:1; border-right-style:solid; border-right-width:1; padding-left:1; padding-right:1; padding-top:0; padding-bottom:0; border-left-style:solid; border-bottom-style:solid; border-bottom-width:1; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
 </td>
<td width="151" height="123" style="border-style:solid; border-width:1; padding:1; background-color:#0099CC" bgcolor="#0099CC" bordercolor="#0099CC">
 </td>
</tr>
<tr>
<td width="783" height="10" colspan="3" style="padding: 0; background-color:#000000" bgcolor="#000000">
<p align="right"> </td>
</tr>
<tr>
<td width="783" height="1" colspan="3" style="padding: 0; background-color:#000000" bgcolor="#000000">
<font face="Verdana" color="#808080" style="font-size: 4pt"> </font></td>
</tr>
</table>
</center>
</div>
</body>
</html>

Synes godt om

w13 Novice

03. juli 2003 - 13:23 #22

Ja, tusind tak, =maddog=! Det var præcis sådan!

Synes godt om

w13 Novice

03. juli 2003 - 13:23 #23

Du får pointene, men... Du har ikke oprettet et svar endnu!

Synes godt om

=maddog= Nybegynder

03. juli 2003 - 13:24 #24

det gør jeg nu, hvor jeg ved du har fået hvad du søgte.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS