/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Gennemsigtig tabel
Fra : Alexander


Dato : 05-11-01 21:48

Er det nogen der ved hvordan jeg laver en halvgennemsigtig grå
tabel, ligesom menuen på Boomtown.net?

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Knud Gert Ellentoft (05-11-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 05-11-01 22:19

Mon, 5 Nov 2001 20:47:48 +0000 (UTC), skrev Alexander
<alexander@krumhausen.dk>:

>Er det nogen der ved hvordan jeg laver en halvgennemsigtig grå
>tabel, ligesom menuen på Boomtown.net?

<html><head>
<style type="text/css">
<!--
..alpha   {color: red; filter:alpha(opacity=50);left:0px}
-->
</style>
</head><body>
<table>
<tr>
<td class="alpha">
<h1>Bla - Bla - Bla</h1>
</td>
</tr>
</table>
</body></html>

opacity er det, der gør den gennemsigtig kan sættes fra 0 - 100

Virker kun i IE.

Det er css, så spørgsmålet hører hjemme i
news:dk.edb.internet.webdesign.html, hvortil der er sat fut, så
herpå bringes i htmlgruppen.
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

Kasper Damkjær (06-11-2001)
Kommentar
Fra : Kasper Damkjær


Dato : 06-11-01 00:35

Knud Gert Ellentoft skrev: (messageID:
<news:1a0eutors8l38aobt293p96l6nserq30mg@dtext.news.tele.dk>)

>>Er det nogen der ved hvordan jeg laver en halvgennemsigtig grå tabel,
>>ligesom menuen på Boomtown.net?
>
> <html><head>
> <style type="text/css">
> <!--
> .alpha {color: red; filter:alpha(opacity=50);left:0px}
> -->
> </style>
> </head><body>
> <table>
> <tr>
> <td class="alpha">
> <h1>Bla - Bla - Bla</h1>
> </td>
> </tr>
> </table>
> </body></html>

Ovenstående laver ikke tabellen transperent, men derimod kun teksten.
Nedenstående laver en sort, transperent tabel med hvid tekst vha. to css-
classes og en <div>-kontainer til teksten:

<html><head>
<style type="text/css">
<!--
..alpha {filter:alpha(opacity=50)}
..txt {color: white}
-->
</style>
</head>
<table>
<tr>
<td class="alpha" bgcolor="#000000"><div class="txt">TEST</div>
</td>
</tr>
</table>
</body></html>

>
> opacity er det, der gør den gennemsigtig kan sættes fra 0 - 100
>
> Virker kun i IE.

Det ser også ud til at virke i Netscape 6.2. I Opera (5.12) virker det ikke,
men katastrofen er ikke stor, da baggrunden blot bliver renderet solid.

>
> Det er css, så spørgsmålet hører hjemme i
> news:dk.edb.internet.webdesign.html, hvortil der er sat fut, så
> herpå bringes i htmlgruppen.

Et ekstra . (punktum) i din FUT er fjernet og nu skulle det virke :)

--
Kasper Damkjær
http://www.damkjaer.net

Knud Gert Ellentoft (06-11-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 06-11-01 03:40

05 Nov 2001 23:35:01 GMT, skrev "Kasper Damkjær"
<usenet@damkjaer.net>:

>Ovenstående laver ikke tabellen transperent

Du har ret.

>Det ser også ud til at virke i Netscape 6.2. I Opera (5.12) virker det ikke,
>men katastrofen er ikke stor, da baggrunden blot bliver renderet solid.

Jeg har ikke Netscape 6.x installeret, men Mozilla 09.5 og der
virker det ikke, regnede med at de to browsere ellers var ret
ens.

>Et ekstra . (punktum) i din FUT er fjernet og nu skulle det virke :)

Hmm, newsserveren plejer ellers at brokke sig, når man sætter
follow-up til en ikke eksisterende gruppe, men et . for meget ser
den åbentbart ikke.

--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

lone jensen (06-11-2001)
Kommentar
Fra : lone jensen


Dato : 06-11-01 09:52

dette blev besvaret i ng webdesign for 1 uge siden: således:

... gøre hveranden pixel gennemsigtig i den gif
der er baggrunden i tabellen

så er baggrunden ½-gennemsigtig men ikke txt'en

hilsen Lone



lone jensen (06-11-2001)
Kommentar
Fra : lone jensen


Dato : 06-11-01 10:11

har lige lagt en test ud - så du kan se det virke:

http://dullen.dk/test.htm

så du kan bare højreklikke og gemme den ½-gennemsigtige gif - du kan også
selv ændre den pixel der er farvet så du får en anden nuance på.

hilsen lone


"lone jensen" <nomail@.nospam.com> skrev i en meddelelse
news:9s88bq$1qo5$1@news.cybercity.dk...
> dette blev besvaret i ng webdesign for 1 uge siden: således:
>
> .. gøre hveranden pixel gennemsigtig i den gif
> der er baggrunden i tabellen
>
> så er baggrunden ½-gennemsigtig men ikke txt'en
>
> hilsen Lone
>
>



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste