Søg
Avatar billede foxmulder58 Praktikant
06. juni 2005 - 13:17 Der er 14 kommentarer og
1 løsning

Skygge på <div> tag

Hej Eksperter,

hvordan laver man en skygge på et <div> tag??


mvh
Mads
Avatar billede nielle Nybegynder
06. juni 2005 - 14:18 #1
F.eks. sådan her:

<html>
<head>
<title>Eksperten</title>

<style>
.shadowdiv {
    border-style: solid;
    border-color: gray;
    border-top-width: 1px;   
    border-left-width: 1px;
    border-right-width: 3px;
    border-bottom-widtk: 3px;
}

</style>

</head>
<body>

<div class="shadowdiv">noget indhold</div>

</body>
Avatar billede olebole Juniormester
06. juni 2005 - 15:15 #2
<ole>

Jeg skrev engang et dynamisk skygge-script til en anden spørger, der kan lægge bløde skygger på stort set alle HTML-elementer. Jeg har det ikke selv længere, men roenving har vist en kopi liggende - og/eller et link til spørgsmålet. Prøv at vente på ham  :)

/mvh
</bole>
Avatar billede nielle Nybegynder
06. juni 2005 - 15:36 #3
@ 06/06-2005 15:15:04 > Den kan f.eks. findes her:

http://www.eksperten.dk/spm/616758
Avatar billede olebole Juniormester
06. juni 2005 - 16:03 #4
;o)
Avatar billede nielle Nybegynder
06. juni 2005 - 17:55 #5
olebole> Måske skulle du skrive en artikel over den - den er blevet refereret til ret tit her på Eksperten. :^)
Avatar billede foxmulder58 Praktikant
06. juni 2005 - 18:51 #6
det var da en grim skygge kan man ikke lave den pænere?


mvh
mads
Avatar billede nielle Nybegynder
06. juni 2005 - 19:11 #7
Hvilken skygge henviser du til? Min eller olebole's?
Avatar billede foxmulder58 Praktikant
06. juni 2005 - 19:56 #8
det må være din...jeg anvendte koden og det var ikke så flot igen synes jeg.

mvh
Mads
Avatar billede nielle Nybegynder
06. juni 2005 - 20:28 #9
Fair nok. Har du kigget på olebole's?
Avatar billede foxmulder58 Praktikant
06. juni 2005 - 22:07 #10
nej jeg vil gerne have en mørk skygge på begge div sider højre og venstre på denne webside:

http://www.foxmulder58.frac.dk/

jeg havde nemlig set en side hvor der var flot skygger i begge sider. men kan ikke huske adressen!

mvh
mads


men måske skal der lidt photoshop til????
Avatar billede roenving Novice
08. juni 2005 - 15:50 #11
Så kan du ændre en anelse i den modifikation, jeg lavede i ovennævnte spørgsmål:

function doShade(tbl) {
    var w, h, a, offset, opac, cont = (d.all)? tbl.parentElement : tbl.parentNode;
    w=pI(tbl.offsetWidth); h=pI(tbl.offsetHeight);
    a = new Array();
    var steps = (d.all && !window.createPopup)? 1 : 4; // Antal skygge-steps
    for (var i=1; i<steps+1; i++) {
        offset = i + "px";
        opac = startOpacity / i;
        a[a.length] = '<img class="shader" src="spacerblaa.gif" ';
        a[a.length] = 'style="width:'+(w+2*i)+'px;height:'+h+'px;left:-'+offset+';top:0;z-index:'+i+';';
        if (d.all) a[a.length] = 'filter:alpha(opacity='+opac+')">';
        else a[a.length] = '-moz-opacity:'+(opac/100)+'">';
    }
    cont.innerHTML += a.join("");
}
Avatar billede foxmulder58 Praktikant
17. juni 2005 - 17:17 #12
smid et svar!.. snart for jeg vil gerne lukke!
Avatar billede roenving Novice
18. juni 2005 - 02:40 #13
Velbekomme '-)

-- men det kan jo være svært at stille krav om hurtig reaktion i disse tider, hvor Eksperten har afopfundet e-mailen ,-(
Avatar billede roenving Novice
18. juni 2005 - 02:41 #14
;O)
Avatar billede roenving Novice
23. juni 2005 - 15:15 #15
-- og tak for point ;~}
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
I går 13:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
09/0816:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
White papers
Flere white papers »