Søg
Avatar billede cronaldo Nybegynder
06. februar 2006 - 14:35 Der er 18 kommentarer og
1 løsning

skygge på tekst

Jeg skal bruge skygge på min tekst. Det kan gøres sådan her, men det giver ikke det jeg vil have:

<html>
<head>
<style>
h1 {font-family: arial; color: red; width:100%; filter: dropshadow(color="#aaaaaa", offX=3)}
</style>
</head>
<body>
<h1>Fantastisk overskrift</h1>
</body>
</html>

<< det der giver en 1px skygge. Jeg vil gerne have en skygge der går "helt fra teksten" og ud til der hvor den nuværende skygge er? Forstår I ? :)
Avatar billede zappa Nybegynder
06. februar 2006 - 14:50 #1
Prøv med:

h1 {font-family: arial; color: red; width:100%; filter: shadow(color:#aaaaaa, strength:10, direction:135)}
Avatar billede webt Nybegynder
06. februar 2006 - 14:52 #2
Prøv med Shadow(Color=#aaaaaa, Direction=200) direction sætter du så så den passer til den retning du ønsker

(og så virker det jo kun i internet explorer)

Mvh
Martin
Avatar billede webt Nybegynder
06. februar 2006 - 14:52 #3
ah glemte at opdatere :)
Avatar billede califfo Nybegynder
06. februar 2006 - 15:12 #4
...Hopper lige med her. Findes der ikke en kode der kan lave skygge på tekst i både IE og FireFox?
Avatar billede califfo Nybegynder
06. februar 2006 - 15:20 #5
...Ved forresten ikke om det er iorden at lave tillægsspørgsmål. Hvis ikke, så giv lige et praj. Er ikke ude på at gøre nogen sure.
Avatar billede yezbarh Nybegynder
06. februar 2006 - 15:24 #6
Du kan lave 2 divs, hvor den sidste har farven #000 hvor den er -29 i margin-top fx.
SÅ kan du selv sætte op og ned.

http://yezbarh.dk/exp/shadow.html
- faktisk en udemærket fed effekt
Avatar billede cronaldo Nybegynder
06. februar 2006 - 20:59 #7
yesbarh: Dit det er okat, men jeg vil gerne have sådan at det ser ud som en linje der følger ud fra teksten?

Fx som hvis du står op og solen peger ind mod dig, så går din skygge også helt inde fra dine sko og hele vejen hen ad vejen - hvis du forstår? :)
Avatar billede olebole Juniormester
06. februar 2006 - 21:14 #8
<ole>

- så må du bruge grafik i stedet  :)

/mvh
</bole>
Avatar billede cronaldo Nybegynder
06. februar 2006 - 22:18 #9
Nej, jeg ved man kan lave det, har gjort det før - men jeg kan ikke huske hvordan.

Jeg mener det har været i den orange version af webmok ? i gæstebogen ? :I
Avatar billede olebole Juniormester
06. februar 2006 - 22:58 #10
Hmmmm ....

<div style="position:relative;font:bold 78px verdana">
    <div style="position:absolute;z-index:1;color:red">Ole Bole gik i skole</div>
    <div style="padding-left:0.15em;font-style:italic;color:#e6e6e6">Ole Bole gik i skole</div>
</div>
Avatar billede olebole Juniormester
06. februar 2006 - 23:17 #11
- eller med transparens:

<div style="position:relative;font:bold 78px verdana;background:url(http://www.eksperten.dk/img/elogo.png)">
    <div style="position:absolute;z-index:1;color:red">Ole Bole gik i skole</div>
    <div style="width:100%;padding-left:0.15em;font-style:italic;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25">Ole Bole gik i skole</div>
</div>
Avatar billede yezbarh Nybegynder
07. februar 2006 - 13:19 #12
Olebole - Fed effekt, bestemt! Den må jeg sQ' hellere snuppe :-) *s*
Avatar billede olebole Juniormester
07. februar 2006 - 13:24 #13
Tak ... og du skal være velkommen  ;o)
Avatar billede cronaldo Nybegynder
11. februar 2006 - 23:38 #14
Det er heller ikke sådan :S hmm ..
Avatar billede olebole Juniormester
12. februar 2006 - 16:32 #15
Nej, men jeg tror efterhånde, vi er ved at have udtømt mulighederne  :)
Avatar billede cronaldo Nybegynder
12. februar 2006 - 22:54 #16
Hmm, nej, jeg er helt helt sikker på der er en måde!
Jeg ved det jo, jeg har brugt den engang :)
Avatar billede olebole Juniormester
12. februar 2006 - 22:57 #17
Jeg er sikker på, du har drømt  :)
Avatar billede cronaldo Nybegynder
12. februar 2006 - 23:30 #18
Vær så artig :D

filter:progid:DXImageTransform.Microsoft.DropShadow(color=black,offx=1,offy=1), glow(color=#000000, strength=0);
Avatar billede cronaldo Nybegynder
12. februar 2006 - 23:32 #19
Så er den vel lukket?
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 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »