Søg
Avatar billede dk_akj Nybegynder
16. december 2002 - 19:58 Der er 13 kommentarer og
1 løsning

Gradient fill i en <td>

Hej

Kan jeg lave en gradient fill i en <td></td>
UDEN at bruge et img ??

Jeg har læst om en gradcolor men kan ikke lige få det til at virke.

//akj

PS: Det skal gerne kunne laves i mit stylesheet.
Avatar billede nikolajdu Nybegynder
16. december 2002 - 20:02 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style>
.menuMale    { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff0000,endColorStr=#000000);    }

</style>

</head>

<body >

<table>
<tr>
<td class="menuMale">Hej hej Nikolaj</td>
</tr>
</table>

</body>
</html>


/Nikolaj
Avatar billede tangveje Nybegynder
16. december 2002 - 20:04 #2
Nikolajdu > bør du ikke nævne at det kun virker i IE?
Avatar billede nikolajdu Nybegynder
16. december 2002 - 20:04 #3
Jo det bør jeg vel :))
Avatar billede nikolajdu Nybegynder
16. december 2002 - 20:06 #4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Div</title>
</head>

<body marginheight="0" topmargin="0" leftmargin="0" >
<div style="width:100%;height:100%;
filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#550000FF, endColorstr=#55FFFF00)" >

<h2>Applying A Filter To Everything In The Document</h2>
<p>When you apply a filter to a DIV or other element that contains all of the content of a document, the filter will not change when you resize the window.
Resize this Document and notice that the filter does not change. In contrast, the filter properties will change as the window is resized if a filter is applied to the BODY element.</p>


<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<br>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<p>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<p>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<p>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<p>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<p>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>
<p>
<div style="font-size: 14pt; color: Lavender; text-align: center; background-color: slategray; width: 170; height: 10; border-style: outset; border-color: MistyRose; padding: 5; ">
The brown fox...
</div>

<!-- START_PAGE_FOOTER -->
<BR><BR><BR>
&copy; <A CLASS="clsIncCpyRt" HREF="http://www.microsoft.com/isapi/gomscom.asp?TARGET=/info/cpyright.htm" TARGET="_top">2000  2001 Microsoft Corporation. All rights reserved. Terms of use</A>.
<!-- END_PAGE_FOOTER -->
</div>
</body>
</html>
Avatar billede nikolajdu Nybegynder
16. december 2002 - 20:06 #5
Bare for det lækre eksempel MS har lavet....
Avatar billede dk_akj Nybegynder
16. december 2002 - 20:18 #6
Nu ligger landet sådan at jeg pludseligt er blevet bange for at jeg har grebet det med stylesheets helt forkert an.......

Her er et eks på en lille bitte tabel.

    <table width=100% border="0">
        <tr>
            <td align="center" id="TabelHeader" >
                <%=title%>
            </td>
        </tr>
        <tr>
            <td id=tabeldata>
                <%=news    %>
            </td>
        </tr>
    </table>

I mit stylesheet har jeg dette:

#TabelHeader {
    color: white;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color : #006699;
    font-weight : bolder;
}
#TabelData {
    color: white;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight : bold;
    }

Hvordan får jeg så lagt nikolajdu's eks ind i det ??

Er det ikke forkert det jeg har lavet med at bruge id=xxxxx ??

//akj
Avatar billede nikolajdu Nybegynder
16. december 2002 - 20:19 #7
#TabelData {
    color: white;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight : bold;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff0000,endColorStr=#000000);
}
Avatar billede dk_akj Nybegynder
16. december 2002 - 20:48 #8
DOOOHHH , jeg kunne ikke få det til at vikre fordi jeg rettede på localhost og min browser pegede på webserveren...

Nåh men nu virker gradient'en men den tekst der står i <td>text</td> har mistet den hvide farve og er blevet transparent, men kun når localhost er min websvr, uploader jeg til den rigtige server virker det fint

http://surfsms.dk/

Hvorfor ??

//akj
Avatar billede dk_akj Nybegynder
16. december 2002 - 20:49 #9
Næhh, nu virker det heller ikke på serveren mere :o(

//akj
Avatar billede nikolajdu Nybegynder
16. december 2002 - 20:57 #10
Du har :

<td id=tabeldata>

Det skal være : <td class="tabeldata">
Avatar billede dk_akj Nybegynder
16. december 2002 - 21:00 #11
Det virker faktisk igen ..... Problemmet er bare at der først kommer farve på texten på "bjælkerne" når menuen har været aktiveret.

Oplever du det samme ??

//Akj
Avatar billede nikolajdu Nybegynder
16. december 2002 - 21:01 #12
Næh jeg har set det hver gang jeg har klikket på linket....
Avatar billede dk_akj Nybegynder
16. december 2002 - 21:08 #13
Hmmm, tak for hjælpen, jeg opretter et nyt spørgsmål hvis problemmet fortsætter.

//Akj
Avatar billede nikolajdu Nybegynder
16. december 2002 - 21:08 #14
No problemos amigo :)
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »