/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Baggrundsbilled (vandmærke) i div
Fra : Harald


Dato : 21-04-08 18:08

Hej

Jeg vil gerne have dette billede:
http://www.nostalgidag.dk/nd/velkommen.gif

ind som vandmærke på denne side:
http://www.nostalgidag.dk/nd

billedet skal kun være i "Indhold" div´en, altså den hvor der står
Velkommen.

Jeg har forsøgt med bla. hvad der står på denne side:
http://www.w3.org/TR/2002/WD-css3-background-20020802/#properties1

men uden at få noget fornuftig ud af det.

Nogle forslag?

Mvh
HK



 
 
David Nielsen (21-04-2008)
Kommentar
Fra : David Nielsen


Dato : 21-04-08 18:33

> Jeg vil gerne have dette billede:
> http://www.nostalgidag.dk/nd/velkommen.gif
>
> ind som vandmærke på denne side:
> http://www.nostalgidag.dk/nd

Du skriver følgende i din HTML fil :

<div id="indhold" style="background:url(velkommen.gif);">



Eller i din CSS fil :

#indhold {
background:url(velkommen.gif);
margin:10px 0px 5px 180px;
border-style:solid;
border-color:black;
border-width:1px 2px 2px 1px;
background:white;
min-width:400px;
font-size:100%;
}

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (21-04-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 21-04-08 18:41

Harald skrev:
> Hej
>
> Jeg vil gerne have dette billede:
> http://www.nostalgidag.dk/nd/velkommen.gif
>
> ind som vandmærke på denne side:
> http://www.nostalgidag.dk/nd
>
> billedet skal kun være i "Indhold" div´en, altså den hvor der står
> Velkommen.
>
> Jeg har forsøgt med bla. hvad der står på denne side:
> http://www.w3.org/TR/2002/WD-css3-background-20020802/#properties1

Måske en anden artikel kan hjælpe:
http://webdesign101.dk/www/background/
især:
http://webdesign101.dk/www/background/eksempel_9.html


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Harald (21-04-2008)
Kommentar
Fra : Harald


Dato : 21-04-08 19:03

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:480cd194$0$2093$edfadb0f@dtext02.news.tele.dk...
> Harald skrev:
>> Hej
>>
>> Jeg vil gerne have dette billede:
>> http://www.nostalgidag.dk/nd/velkommen.gif
>>
>> ind som vandmærke på denne side:
>> http://www.nostalgidag.dk/nd
>>
>> billedet skal kun være i "Indhold" div´en, altså den hvor der står
>> Velkommen.
>>
>> Jeg har forsøgt med bla. hvad der står på denne side:
>> http://www.w3.org/TR/2002/WD-css3-background-20020802/#properties1
>
> Måske en anden artikel kan hjælpe:
> http://webdesign101.dk/www/background/
> især:
> http://webdesign101.dk/www/background/eksempel_9.html

Samme resultat som da jeg selv prøvede, har nu skrevet dette i css´en:
background-image: url(velkommen.gif);
background-repeat: no-repeat;
background-position: center center;
padding-bottom: 1em;

Kan ses her: http://www.nostalgidag.dk/nd

Mvh
HK



Jørgen Farum Jensen (21-04-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 21-04-08 19:20

Harald skrev:

>
> Samme resultat som da jeg selv prøvede, har nu skrevet dette i css´en:
> background-image: url(velkommen.gif);
> background-repeat: no-repeat;
> background-position: center center;
> padding-bottom: 1em;
>
> Kan ses her: http://www.nostalgidag.dk/nd
>

Du indsætter billedet som baggrund på flere
forskellige elementer:
#indhold h1,
h2,
h3,
#indhold p,
#indhold pre,
#indhold table


Et vandmærke skal jo kun indsættes på ét element, enten
body-elementet eller som i mit eksempel, div#indhold-
elementet.



--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Harald (21-04-2008)
Kommentar
Fra : Harald


Dato : 21-04-08 20:34

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:480cdae0$0$2083$edfadb0f@dtext02.news.tele.dk...
> Harald skrev:
>
>>
>> Samme resultat som da jeg selv prøvede, har nu skrevet dette i css´en:
>> background-image: url(velkommen.gif);
>> background-repeat: no-repeat;
>> background-position: center center;
>> padding-bottom: 1em;
>>
>> Kan ses her: http://www.nostalgidag.dk/nd
>>
>
> Du indsætter billedet som baggrund på flere
> forskellige elementer:
> #indhold h1,
> h2,
> h3,
> #indhold p,
> #indhold pre,
> #indhold table
>
>
> Et vandmærke skal jo kun indsættes på ét element, enten body-elementet
> eller som i mit eksempel, div#indhold-
> elementet.

Hvis jeg indsætter billedet i body eller indhold så ses billedet slet ikke?

/HK



Harald (21-04-2008)
Kommentar
Fra : Harald


Dato : 21-04-08 20:42

"Harald" <noname@nomail.dk> skrev i en meddelelse
news:480cec3a$0$90262$14726298@news.sunsite.dk...
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
> news:480cdae0$0$2083$edfadb0f@dtext02.news.tele.dk...
>> Harald skrev:
>>
>>>
>>> Samme resultat som da jeg selv prøvede, har nu skrevet dette i css´en:
>>> background-image: url(velkommen.gif);
>>> background-repeat: no-repeat;
>>> background-position: center center;
>>> padding-bottom: 1em;
>>>
>>> Kan ses her: http://www.nostalgidag.dk/nd
>>>
>>
>> Du indsætter billedet som baggrund på flere
>> forskellige elementer:
>> #indhold h1,
>> h2,
>> h3,
>> #indhold p,
>> #indhold pre,
>> #indhold table
>>
>>
>> Et vandmærke skal jo kun indsættes på ét element, enten body-elementet
>> eller som i mit eksempel, div#indhold-
>> elementet.
>
> Hvis jeg indsætter billedet i body eller indhold så ses billedet slet
> ikke?

Nå nu tror jeg der sker noget, jeg skulle åbenbart indsætte dette:
div#indhold {
background-image: url(velkommen.gif);
background-repeat: no-repeat;
background-position: center center;
padding-bottom: 1em;
}
i min css, jeg troede bare det var de 4 linier mellem {} der skulle sættes
ind, jeg har ingen ide om hvilken betydning linien div#indhold har? Det
burde jeg nok sætte mig ind i en dag.

/HK



Harald (21-04-2008)
Kommentar
Fra : Harald


Dato : 21-04-08 20:53

"Harald" <noname@nomail.dk> skrev i en meddelelse
news:480cee05$0$90273$14726298@news.sunsite.dk...
> "Harald" <noname@nomail.dk> skrev i en meddelelse
> news:480cec3a$0$90262$14726298@news.sunsite.dk...
>> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
>> news:480cdae0$0$2083$edfadb0f@dtext02.news.tele.dk...
>>> Harald skrev:
>>>
>>>>
>>>> Samme resultat som da jeg selv prøvede, har nu skrevet dette i css´en:
>>>> background-image: url(velkommen.gif);
>>>> background-repeat: no-repeat;
>>>> background-position: center center;
>>>> padding-bottom: 1em;
>>>>
>>>> Kan ses her: http://www.nostalgidag.dk/nd
>>>>
>>>
>>> Du indsætter billedet som baggrund på flere
>>> forskellige elementer:
>>> #indhold h1,
>>> h2,
>>> h3,
>>> #indhold p,
>>> #indhold pre,
>>> #indhold table
>>>
>>>
>>> Et vandmærke skal jo kun indsættes på ét element, enten body-elementet
>>> eller som i mit eksempel, div#indhold-
>>> elementet.
>>
>> Hvis jeg indsætter billedet i body eller indhold så ses billedet slet
>> ikke?
>
> Nå nu tror jeg der sker noget, jeg skulle åbenbart indsætte dette:
> div#indhold {
> background-image: url(velkommen.gif);
> background-repeat: no-repeat;
> background-position: center center;
> padding-bottom: 1em;
> }
> i min css, jeg troede bare det var de 4 linier mellem {} der skulle sættes
> ind, jeg har ingen ide om hvilken betydning linien div#indhold har? Det
> burde jeg nok sætte mig ind i en dag.

Så virker det vist rimelig, nu skal jeg bare finde på noget så teksten
bliver tyderligere, tak for hjælpen.
http://www.nostalgidag.dk/nd/

/HK



David Nielsen (21-04-2008)
Kommentar
Fra : David Nielsen


Dato : 21-04-08 23:49

Så virker det vist rimelig, nu skal jeg bare finde på noget så teksten
bliver tyderligere, tak for hjælpen.

Du kan gøre teksten mere tydelig ved at gøre billedet mere lyst. Så kan man
ikke se billedet så tydeligt men sådan er det jo med vandmærker aka baggrunds
billeder som er meget lyse

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (21-04-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 21-04-08 21:27

Harald skrev:

> i min css, jeg troede bare det var de 4 linier mellem {} der skulle sættes
> ind, jeg har ingen ide om hvilken betydning linien div#indhold har? Det
> burde jeg nok sætte mig ind i en dag.

Det bør du gøre i dag:
Det, ser står før formregelblokken {} er
en kommasepareret liste over, hvilke elementer,
der skal have de egenskaber, der er fastlagt
i formregelblokken.

Jeg vover at henvise til min signatur.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste