Avatar billede msira Nybegynder
12. august 2003 - 01:15 Der er 18 kommentarer og
1 løsning

Gennemsigtigt table eller?

Hej!

Jeg er ved at lave en menu:

HOME
PROFILER
BLA BLA
BLA BLA
LINKS osv....

jeg bruger css-style sættet:

.mpunkt a      {font: 10px "verdana";
            text-decoration: none;
          font-weight: bold;
              color: #FFFFFF;
            display: block;
            width: 100%;
              height: 100%;
          }
       
.mpunkt a:hover {color: #FFFFFF;
          text-decoration: none;
          font-weight: bold;
            background color: #333333;}

... for menu-linkene

Men istedet for at den bliver helt ugennemsigtigt, vil jeg gerne have den samme effekt med et gennemsigtigt filter - så jeg kan se min baggrund imens der er en boks om linket.

Håber du forstår hvad jeg mener..

Hvis du kender svaret og jeg ser det virker.. er der 60 point.
Avatar billede roenving Novice
12. august 2003 - 01:18 #1
Du kan ikke sætte opacity for en baggrund ...

Det kan gøres ved at skyde et lag ind imellem, som indeholder et forgrundsbillede som er delvist gennemsigtigt eller ved at indsætte en grafik, som er delvis gennemsigtig som baggrund !-)
Avatar billede msira Nybegynder
12. august 2003 - 01:20 #2
ok...

min menu ligger i en table:

<table>
<tr>
<td>HOME</td>
</tr>
<tr>
<td>PROFILER</td>
</tr>
<tr>
<td>OSV...</td>
</tr>
<tr>
<td>OSV...</td>
</tr>
</table>

Kan jeg ikke ligge en gennemsigtigt baggrund på en table??? hvis Hvordan??
Avatar billede 7th Praktikant
12. august 2003 - 01:22 #3
Disse to links indeholder det du vil lave.

http://home1.stofanet.dk/jong/test/alpha.htm
http://home1.stofanet.dk/jong/test/faded.htm

Lad dig inspirere, og ret det selv til.
Avatar billede msira Nybegynder
12. august 2003 - 01:25 #4
jeg har fundet en hjemmeside, hvor menuen kan det som jeg gerne vil have... tjek http://www.uturn.dk - hvordan er den lavet??
Avatar billede 7th Praktikant
12. august 2003 - 01:29 #5
Det er lavet med en mouseover funktion, det vil sige udskiftning af billedelinks. Det er IKKE lavet i css. De har slicet billedelinks, så de "snyder" dig. Det er forholdsvis ret nem at lave det i et billedbehandlingsprogram, og så med lidt javascript, men det er jo ikke det du ønsker ;)
Avatar billede msira Nybegynder
12. august 2003 - 01:31 #6
nej.. men jeg tænker lige over det...
Avatar billede roenving Novice
12. august 2003 - 01:32 #7
>> 7th

Så lærte jeg også det, den har jeg ellers set afvist (og, tror jeg jeg, eksemplificeret), men den virker også udmærket med Mozilla, så det er hermed taget til efterretning !-)
Avatar billede 7th Praktikant
12. august 2003 - 01:38 #8
http://www.uturn.dk/links.jpg
http://www.uturn.dk/links_f2.jpg

Se det er jo "snyd" msira :)

roenving > virker opacity i Mozilla???
Avatar billede roenving Novice
12. august 2003 - 01:40 #9
Men lidt mærkeligt at opacity'en ikke slår igennem på en a:hover i IE, når det virker fuldstændig uden problemer med alle mulige andre elementer (og Mozilla !-)
Avatar billede roenving Novice
12. august 2003 - 01:41 #10
Ja, det hedder bare hhv.

filter: alpha(opacity=30);
-moz-opacity:0.3;
Avatar billede 7th Praktikant
12. august 2003 - 01:42 #11
Aha ok :)
Avatar billede roenving Novice
12. august 2003 - 01:43 #12
Du kan forøvrigt se et kodet eksempel, som er cross-browser på:

http://roenving.users.whitehat.dk/WD5Opacity.html
Avatar billede grunken Nybegynder
12. august 2003 - 01:46 #13
det er godt nok cpu-krævende at lege med opacity lidt viften med musen over dine billeder roenving for næsten min "monsterpc" til at gå i knæ *G*

ellers endnu en lækker wd ;)
Avatar billede roenving Novice
12. august 2003 - 01:48 #14
Den her 1200 kan jeg ellers ikke få til at give problemer -- heller ikke selv om jeg prøver samtidig i IE og Mozilla ...
Avatar billede 7th Praktikant
12. august 2003 - 01:53 #15
Cross-browser og cross-browser, det er så meget sagt. Den virker ihvertfald ikke i Opera :) Anyway må heller stoppe med spam. Hvis du ikke har fået løst dit problem når jeg engang kommer hjem imorgen msira, så skal jeg hjertens gerne lave et lille eksempel til dig hvis jeg kan. Jeg tvivler dog stærkt på at man kan lave det på en hover-effekt.
Avatar billede roenving Novice
12. august 2003 - 01:58 #16
-- hover virkede jo så også i Mozilla ...

-- og 7th, du har sikkert ret i at Opera ikke understøtter det hjørne af IE css-udvidelser og slet ikke -moz-opacity (jeg vil heller ikke prale af andet end IE og Moz1.5, som du kan se !-)
Avatar billede grunken Nybegynder
12. august 2003 - 02:08 #17
man smider jo bare hvert enkelt link i en div - table eller span, så er den vel fikset!

med hht. browsere så er det skisme ikke helt let ;)
Avatar billede msira Nybegynder
23. september 2003 - 01:03 #18
nej, jeg lavede det hele som skulle være gennemsigtigt i iframes.. det virker som det skal
Avatar billede msira Nybegynder
23. september 2003 - 01:03 #19
Så jeg lukker!
Avatar billede 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.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

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