Avatar billede Slettet bruger
03. december 2004 - 20:12 Der er 10 kommentarer og
1 løsning

Hvordan med style filter: glow i css stylesheet ?

Hvordan får jeg "style filter: glow" til at virke i mit css stylesheet ?

- Har bla. prøvet med style="filter... osv.", men det er ikke lykkes mig endnu. (Alt andet virker fint!)

Er der en der kan skrive det rigtigt for mig ?

th.thA {       
    style: FILTER: Glow(Color: #000000, Strength=2);
        font-size: 10pt;
        color: #FFFFFF;
    border-bottom: thin white solid;
    padding-right: 3px;
    padding-left: 3px;
        padding-top: 4px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
}
Avatar billede olebole Juniormester
03. december 2004 - 20:32 #1
<ole>

th.thA {       
    filter: Glow(Color: #000000, Strength=2);
    font-size: 10pt;
    color: #FFFFFF;
    border-bottom: thin white solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
}

/mvh
</bole>
Avatar billede 20 Nybegynder
03. december 2004 - 20:34 #2
<style>
.th_thA {
width: 99%;
filter:progid:DXImageTransform.Microsoft.DropShadow(color=black,offx=1,offy=1), glow(color=gray, strength=0);
color: gray;
font-family: Trebuchet MS;
font-size: 18px;
color: red;
border-bottom: 1px solid #000000;
}
</style>

<font class="th_thA">test</font>
Avatar billede Slettet bruger
03. december 2004 - 20:44 #3
Okay, desværre virker det ikke! Men det er nu nok et andet sted problemet ligger så.

Det er en ekstern side stylesheet'et skal bruges på, så der må åbenbart være noget i vejen for brugen af filter der ?! (zipstat.dk) Hmmm... æv æv æv..

Vil i ha' jeres point alligevel ?
Avatar billede olebole Juniormester
03. december 2004 - 20:51 #4
Det virker fint - også, hvis du lægger det i en ekstern fil:

<style type="text/css">
th.thA {       
    filter: Glow(Color: #000000, Strength=2);
    font-size: 10pt;
    color: #FFFFFF;
    border-bottom: thin white solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
}
</style>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <th>jhkjhk</th>
    <th class="thA">jhkjhk</th>
    <th>jhkjhk</th>
</tr>
</table>

Prøv med et link til din side, for du må begå nogle fejl, du ikke beskriver her  :)
Avatar billede Slettet bruger
03. december 2004 - 21:03 #5
Det er som sagt ikke til min egen side. Men til Zipstat.dk. Der kan man oprette en statestik osv. med eget stylesheet.
Jeg har ikke rodet så meget med stylesheets før, så derfor kopierede jeg standart-sheet'et, og modificere så i det!
Fjerner jeg noget eller indsætter noget forkert hehe... fucker hele siden selvfølgelig totalt op. - Derfor er jeg lidt på herrens mark med dette.

Men her er layout'et:

BODY {
    background: #CCCCCC;
    font-family: tahoma,verdana,arial,sans-serif;
    color: Black;
}

body.meget {
    font-family: tahoma,verdana,arial,sans-serif;
}

H1, {
    background-color: #CCCCCC;
    background-image: url(http://www.greycell.dk/images/center3.jpg);
        font-size: 40px;
        font-weight: normal;
    border: 0px #E2E2E2 double;
    border-right: none;
    border-left: none;
        padding-right: 20px;
    padding-left: 20px;
        padding-top: 20px;
    padding-bottom: 20px;
/*De to ovenstående skal ignoreres på statistiksiden*/
    color: white;
    font-family: tahoma,verdana,arial,sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
   
    }




H2, H3, H4, H5, H6 {
    background-color: #CCCCCC;
    background-image: url(http://www.greycell.dk/images/center-small3.jpg);
        font-size: 12pt;
        font-weight: bold;
    border: 0px #E2E2E2 double;
    border-right: none;
    border-left: none;
    padding-right: 3px;
    padding-left: 3px;
        padding-top: 4px;
    padding-bottom: 3px;
/*De to ovenstående skal ignoreres på statistiksiden*/
    color: white;
    font-family: tahoma,verdana,arial,sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
   
    }

H3 {
    margin-bottom: 1em;
}

A:link {
    color: Blue;
    text-decoration: underline;
}

A:visited {
    color: Purple;
    text-decoration: underline;
}

A:hover {
    color: Navy;
    text-decoration: underline;
}

A:active {
    text-decoration: none;
    color: Red;
}

TD {    /*Ikke med i Netscape 4!*/
        /*Netscape 4 får sit eget style sheet, hvor bl.a. denne del ikke er med.*/
    vertical-align: top;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}

.forside {
    background-color: #DDDDEE;
    background-image: url(http://www.zipstat.dk/bg.gif);
    margin-bottom: 1em;
}

.menu {
    background-color: #CCCCFF;
    background-image: url(http://www.zipstat.dk/gitter_moenster_menu.gif);
    border: thin black dotted;
    border-right: none;
    border-left: none;
    border-bottom: 2px red solid;
    color: Black;
    padding: 3px;
    font-family: "Courier New", Courier, monospace;
    font-variant: small-caps;
    text-align: left;
    font-size: medium;
}

.menulogo {
    color: Black;
    font-family: sans-serif;
    text-align: right;
    margin: 4px;
}

.menulogo:first-letter {
    color: Red;
}

span.sp:first-letter {
    color: Blue;
    font-size: larger;
    margin-right: 0.4em;
}

span.sp {
    color: Black;
}

table {
    empty-cells: show;
}

.copy { /*Copyright-feltet nederst på siderne*/
    text-align: center;
}

.brugernavn {

}

.kodeord {

}

.knap {

}

.problemer {
    background-color: yellow;
}

.dato {
    font-variant: small-caps;
}

dt {
    font-weight: bold;
}

.broedkrumme {
    background-color: #FFFFFF;
    border-bottom: 1px silver dotted;
    color: #333333;
    font-family: "Courier New", Courier, monospace;
    margin-top: 2px;
    margin-bottom: 3px;
    font-size: 90%;
}

/*********************************************************/

    /*Enkeltstående statistikker*/
.enkelttabel {
        background-color: #CCCCCC;
    border: thin black solid;
}

.enkeltA {
    background-color: #CCCCCC;
        background-image: url(http://www.greycell.dk/images/center-small3.jpg);
    border-bottom: thin white solid;
    filter: Glow(Color: #000000, Strength=2);
        font-size: 10pt;
        color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.enkeltB {
    border-top: thin #E2E2E2 solid;
    font-weight: normal;
}

/*Pronose*/
.boldstatbeskrivelse {
    font-weight: bold;
}

/*Grafer*/
.stattabel {
    border: thin black solid;
}

.markeret {
    font-weight: bold;
}

th.thA {
   
        background-image: url(http://www.greycell.dk/images/center-small3.jpg);       
    filter: Glow(Color: #000000, Strength=2); 
        font-size: 10pt;
        color: #FFFFFF;
    border-bottom: thin white solid;
    padding-right: 3px;
    padding-left: 3px;
        padding-top: 4px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
}

th.thB {
   
        background-image: url(http://www.greycell.dk/images/center-small3.jpg);
    filter: Glow(Color: #000000, Strength=2); 
        font-size: 10pt;
        color: #FFFFFF;
    border-bottom: thin white solid;
    padding-right: 3px;
    padding-left: 3px;
        padding-top: 4px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;
}

td.tdA {
    white-space : nowrap;
    font-size: smaller;
    border-top: thin #999999 solid;
    padding-bottom: 0px;
}

td.tdB {
    font-size: smaller;
    border-top: thin #999999 solid;
    padding-bottom: 0px;
}

.GrafVenstre { /*Den synlige (farvede) del af grafen*/
    background-color: #99CCFF;
    padding: 0px;
}

td.GrafHoejre { /*Den usynlige del af grafen*/
    background-color: White;
    font-size: smaller;
    padding: 0px;
}


th.sinfo { /*Overskriften i info om de seneste besøgende*/
   
        background-image: url(http://www.greycell.dk/images/center-small3.jpg);
    filter: Glow(Color: #000000, Strength=2);
        font-size: 10pt;
        color: #FFFFFF;
    padding-right: 3px;
    padding-left: 3px;
        padding-top: 4px;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: left;

}

td.sinfo { /*Info om de seneste besøgende*/
    font-size: smaller;
    padding-bottom: 0px;
    border-top: thin #999999 solid;
}

th.sbinfo { /*Oerskriften i anden overskrift i info om de seneste besøgende*/
    background-color: #33FF99;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 0px;
}

td.sbinfo { /*Anden linie i info om de seneste besøgende*/
    font-size: smaller;
    padding-bottom: 0px;
}
Avatar billede olebole Juniormester
03. december 2004 - 21:15 #6
Rig en side til, jeg kan kikke npå
Avatar billede Slettet bruger
03. december 2004 - 21:18 #7
Avatar billede olebole Juniormester
03. december 2004 - 22:21 #8
Prøv at begynde med at slette dine style-tags i din css-fil. De er et _absolut_ no-no  ;o)

Desuden kan IE ikke tolke CSS-standarden med den DTD, du anvender. Du skal bruge:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

så forstår IE, hvad CSS er for noget  :)
Avatar billede Slettet bruger
03. december 2004 - 22:30 #9
Hvis du læser ovenfor stående, vil du kunne se, at jeg ikke kan ændre andet end det postede stylesheet.

- Det er ligemeget. Jeg gider ikke bøvle mere med det!

Men ellers tak for hjælpen :-)
Avatar billede olebole Juniormester
03. december 2004 - 22:31 #10
Hjalp det ...?
Avatar billede olebole Juniormester
03. december 2004 - 22:31 #11
oki  :)
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