Avatar billede Slettet bruger
27. juni 2005 - 18:58 Der er 8 kommentarer og
1 løsning

Ikke gennemsigtig tabel

Hejsa jeg har lavet denne HTML kode, men billedet i min tabel skal ikke være gennemsigtig... Hvordan laver jeg billedet om så det ikke er gennemsigtig? Det gælder kun billedet... 



<body background="billeder/test.jpg">

<table bgcolor="white" width="60%" border="1" bordercolor="silver" align="center" style="filter: Alpha(Opacity=65);">   
    <tr>        <td>        <div align="left" id="hansen"><img src="billeder/3deling/hansen.jpg" width="200" height="200" alt="hansen" style="filter: Alpha(Opacity=full);" style="float:left"><strong>
TESKT
</strong></div></td>
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 19:02 #1
Det skal ryddes noget op i din kode. Så kan du let lave det med CSS. Vender tilbage med noget om lidt.
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 19:16 #2
Er dette som forventet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
    <style type="text/css">
        html {
            background-image: url(billeder/test.jpg);
        }
        table.main-table {
            background-color: white;
            width: 60%;
            border: 1px solid silver;
            text-align:center;
            filter: Alpha(Opacity=65); //IE
            moz-opacity: 0.65; //Mozilla
        }
        div#hansen {
            position:relative;
            left: 0;
        }
        div#hansen img {
            width: 200px;
            height: 200px;
            filter: Alpha(Opacity=full); //IE
            float:left;
        }
    </style>
    <title>Hansen</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
    <table class="main-table">
        <tr>
            <td>
                <div id="hansen">
                    <img src="billeder/3deling/hansen.jpg" alt="hansen">
                    <strong>TESKT</strong>
                </div>
            </td>
        </tr>
    </table>
</body>
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 19:18 #3
Der skal lige et html-tag udenom. Sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style type="text/css">
            html {
                background-image: url(billeder/test.jpg);
            }
            table.main-table {
                background-color: white;
                width: 60%;
                border: 1px solid silver;
                text-align:center;
                filter: Alpha(Opacity=65); //IE
                moz-opacity: 0.65; //Mozilla
            }
            div#hansen {
                position:relative;
                left: 0;
            }
            div#hansen img {
                width: 200px;
                height: 200px;
                filter: Alpha(Opacity=full); //IE
                float:left;
            }
        </style>
        <title>Hansen</title>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    </head>
    <body>
        <table class="main-table">
            <tr>
                <td>
                    <div id="hansen">
                        <img src="billeder/3deling/hansen.jpg" alt="hansen">
                        <strong>TESKT</strong>
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 19:21 #4
Jeg har ryddet op i koden og lagt al stil-information ind i et style-sheet.
Hvis du ikke vil have billedet gennemsigtigt fjerner du linjen "filter: Alpha(Opacity=full);" under div#hansen img. Jeg var ikke helt sikker på om det var det du ville, da det bare er et spørgsmål om at fjerne det, du har skrevet.
Avatar billede Slettet bruger
27. juni 2005 - 21:04 #5
Hvis jeg bruger din kode kan jeg ikke skrive en tekst ved siden af billedet... Det kan jeg kun hvis jeg sætter float:left ned som ved <img src="billeder/3deling/hansen.jpg" alt="hansen" style="float:left;"> men dernæst bliver billedet ikke gennemsigtig... Hvordan det ?
Avatar billede Slettet bruger
27. juni 2005 - 21:28 #6
Må jeg blande mig, hvis jeg forstår det probl.

brug Schwarz84 kode og ændre denne
div#hansen {
                position:relative;
                left: 0;
            }

til
div#hansen {
                position:relative;
                float: left;
            }

....
Avatar billede Slettet bruger
27. juni 2005 - 22:37 #7
Ibtage > Desværre gør din ændring ikke noget (som jeg kan se det)

Schwarz84 > Din kode hjælp rigtig meget, men jeg har selv leget lidt med den da den du lavede manglede lidt, men du for selvfølgelig point alligevel... Tak for hjælpen... Koden jeg ledte efter er som følgende:

<html>
    <head>
        <style type="text/css">
            html {
                background-image: url(billeder/test.jpg);
            }
            table.main-table {
                background-color: white;
                width: 60%;
                border: 1px solid silver;
                text-align:left;
                filter: Alpha(Opacity=65); //IE
                moz-opacity: 0.65; //Mozilla
            }
            div#hansen {
                position:relative;
        float:left;
               
            }
            div#hansen img {
                width: 200px;
                height: 200px;
               
            }
        </style>
        <title>Hansen</title>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    </head>
    <body>
        <table class="main-table" align="center" border="1">
            <tr>
                <td>
                    <div id="hansen">
                        <img src="billeder/3deling/hansen.jpg" alt="hansen" align="left">
                        <strong>
            Jeg har ryddet op i koden og lagt al stil-information ind i et style-sheet.
            Hvis du ikke vil have billedet gennemsigtigt fjerner du linjen "filter: Alpha(Opacity=full);" under div#hansen img. Jeg var ikke helt sikker på om det var det du ville, da det bare er et spørgsmål om at fjerne det, du har skrevet.
            Jeg har ryddet op i koden og lagt al stil-information ind i et style-sheet.
            Hvis du ikke vil have billedet gennemsigtigt fjerner du linjen "filter: Alpha(Opacity=full);" under div#hansen img. Jeg var ikke helt sikker på om det var det du ville, da det bare er et spørgsmål om at fjerne det, du har skrevet.
            Jeg har ryddet op i koden og lagt al stil-information ind i et style-sheet.
            Hvis du ikke vil have billedet gennemsigtigt fjerner du linjen "filter: Alpha(Opacity=full);" under div#hansen img. Jeg var ikke helt sikker på om det var det du ville, da det bare er et spørgsmål om at fjerne det, du har skrevet.
            </strong>
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>
Avatar billede Slettet bruger
27. juni 2005 - 22:50 #8
Det er jo lige nøjagtigt det jeg skrev du skulle gøre, og som også du har gjort - og så virker det - jeg kan ikke forstå at du skriver det ikke virker ?

Men hvis du skal bruge det til noget skal du stille det rigtigt op :

Et webdoc startes sådan her :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Hansen</title>

<meta name="Author" content="Sprithuset.dk">

<style type="text/css" media="screen">

</style>
</head>
<body>



</body>
</html>
Avatar billede roenving Novice
28. juni 2005 - 13:06 #9
-- og så er der fejl i stylesheetet omkring opaciteten:

                filter: alpha(opacity=65); /* IE -- husk korrekte css-kommentarer */
                -moz-opacity: 0.65; /* Mozilla/Gecko */
                opacity:0.65; /* CSS3 */
            }
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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