Søg
Avatar billede molte Nybegynder
19. marts 2008 - 14:38 Der er 6 kommentarer og
1 løsning

Skygge på div-box

Hej eksperter!

Jeg er ved at opbygge en hjemmeside, og jeg vil gerne have en skygge på en af mine boxe (en <div>...</div>).

Jeg har fundet en metode at lave det på men problemet er bare, at den metode er ikke en CSS standard. Desuden virker den kun til IE 5.5 +.

Metoden fandt jeg her:
http://www.html.dk/scripts/css/00001/
Avatar billede kalp Novice
19. marts 2008 - 14:44 #1
måske

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
body {background: #9db}
div.back {background: #576}
div.section {background: #ffd}
div.back {padding: 1.5em}
div.section {margin: -3em 0 0 -3em}
div.back {margin: 3em 0 3em 5em}
div.section {border: thin solid #999; padding: 1.5em}

</style>
<BODY>
<div class=back>
  <div class=section>
    <h2>LALALALALAL</h2>
    <address>DET HER VIRKER MÅSKE?</address>

    <p>ELLER HVAD<br>
    ...
  </div>
</div>

</BODY>
</HTML>
Avatar billede kalp Novice
26. marts 2008 - 12:20 #2
?
Avatar billede molte Nybegynder
26. marts 2008 - 14:53 #3
Ja, det virker, selv om det ikke just ser godt ud.
Avatar billede kalp Novice
26. marts 2008 - 21:08 #4
øhm.. den ligner da det du har fundet?
du kan vel style den pænere ved at skifte til andre farver bla.
Avatar billede molte Nybegynder
27. marts 2008 - 15:26 #5
Det kan der være noget om...
Og måske lave skyggen lidt mindre?
Bare ærgerligt at den ikke er halv-gennemsigtig.
Avatar billede steffansteffan Nybegynder
30. marts 2008 - 17:04 #6
Hej Molte

Her er en måde og lave en skygge på så det virker både i IE og Firefox.
http://www.pcfreek.dk/?p=267

Håber du kan bruge den.

Venlig Hilsen
Steffan
Avatar billede olebole Juniormester
30. marts 2008 - 17:38 #7
<ole>

Der er også en løsning, jeg lavede for temmelig længe siden:
    http://www.eksperten.dk/spm/342379

Den burde nok moderniseres en smule, men idéen er der  ;o)

/mvh
</bole>
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 20:06 Hjemmeside der virker både på mobil og computer Af Strawberry i PHP
I går 17:08 Problemer med borger.dk Af valby i Windows
I går 14:19 Fejl Af buls i Windows
I går 13:44 Adgang til Google konto via Ipad Af cyperbent i E-mail programmer
24/0109:50 Mobilpay svindel Af nu_igen i Andre onlineløsninger
White papers
Flere white papers »