---

Jeg har smidt et billede ind på en hjemmeside og nu vil jeg gerne
have tekst ovenpå billedet. Fint nok... men jeg vil også gerne
have en svag, næsten-gennemsigtig baggrund på teksten, så det
ikke ødelægger billedet, men samtidig hjælper til at trække
teksten lidt frem og gør det læsevenligt

<div style="position: center; top:150px; left:25px; width:400px;
height:100px; background-color:#4790ff ; margin-left:5em;
margin-right:5em"><

Ovenstående er min "boks" til tekst... har I måske en ide til
hvordan jeg får en baggrund på denne, som, som sagt, er næsten
gennemsigtig....?? har prøvet alt muligt og kan ikke få
transparent til at "spille" ordentlig, da den jo bare fjerner
enhver baggrundsfarve... hvilket ikke var ideen... noget
"semi-transparent"?

På forhånd tusind tak!!!

Thomas

--
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

---

Thomas Frederiksen wrote in dk.edb.internet.webdesign.html:
> Jeg har smidt et billede ind på en hjemmeside og nu vil jeg gerne
> have tekst ovenpå billedet. Fint nok... men jeg vil også gerne
> have en svag, næsten-gennemsigtig baggrund på teksten, så det
> ikke ødelægger billedet, men samtidig hjælper til at trække
> teksten lidt frem og gør det læsevenligt
>

Hvorfor ikke sætte teksten direkte på billedet??

PerR





--
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

---

Per Rasmussen ramte sit keyboard den 19-04-2006 09:09 og fik dette ud af
det:
> Thomas Frederiksen wrote in dk.edb.internet.webdesign.html:
>> Jeg har smidt et billede ind på en hjemmeside og nu vil jeg gerne
>> have tekst ovenpå billedet. Fint nok... men jeg vil også gerne
>> have en svag, næsten-gennemsigtig baggrund på teksten, så det
>> ikke ødelægger billedet, men samtidig hjælper til at trække
>> teksten lidt frem og gør det læsevenligt
>>
>
> Hvorfor ikke sætte teksten direkte på billedet??

Af flere grunde sikkert.

1. Teksten kan så ikke læses af hverken søgemaskiner eller skærmlæsere.

2. Det er noget mere besværligt at redigere teksten.


--
Benny Nissen
www.bennynissen.dk

---

Benny Nissen wrote:
> Per Rasmussen ramte sit keyboard den 19-04-2006 09:09 og fik dette ud af
> det:
>
>> Thomas Frederiksen wrote in dk.edb.internet.webdesign.html:
>>
>>> Jeg har smidt et billede ind på en hjemmeside og nu vil jeg gerne
>>> have tekst ovenpå billedet. Fint nok... men jeg vil også gerne have
>>> en svag, næsten-gennemsigtig baggrund på teksten, så det ikke
>>> ødelægger billedet, men samtidig hjælper til at trække teksten lidt
>>> frem og gør det læsevenligt
>>
>>
>> Hvorfor ikke sætte teksten direkte på billedet??
>
>
> Af flere grunde sikkert.
>
> 1. Teksten kan så ikke læses af hverken søgemaskiner eller skærmlæsere.
>
> 2. Det er noget mere besværligt at redigere teksten.
>
>

Jeg tror nu Thomas mente, at du kunne postionere
teksten oven på biledet ved hjælp af CSS.
Det er vel sådan "man" gør?

Men jeg kan da godt se problemet med at lave en
delvis transparent baggrund.

Du kan bruge CSS-egenskaben opacity i
kombination med Microsofts alpha-filer,
se for eksempel

http://www.webdesign101.dk/showcase/opacity/index.html
Obs at eksemplet kun duer i Geckobrowsere og
IE5+.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Benny Nissen wrote in dk.edb.internet.webdesign.html:
> Per Rasmussen ramte sit keyboard den 19-04-2006 09:09 og fik dette ud af

> >
> > Hvorfor ikke sætte teksten direkte på billedet??
>
> Af flere grunde sikkert.
>
> 1. Teksten kan så ikke læses af hverken søgemaskiner eller skærmlæsere.
>
> 2. Det er noget mere besværligt at redigere teksten.
>
>
Det er da et par grunde, men jeg tænke mere i retning af at sikre sine
billeder.

En anden mulighed er at lægge et transparant billede ovenpå, hvori teksten
står, men det sikrer på ingen måde imod at folk får fat i billederne.
Men OK det er måske også ligemeget.
Teksten kan vel også stå under billederne


PerR

--
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

---

Per Rasmussen wrote:
> En anden mulighed er at lægge et transparant billede ovenpå, hvori teksten
> står, men det sikrer på ingen måde imod at folk får fat i billederne.
> Men OK det er måske også ligemeget.
> Teksten kan vel også stå under billederne

..background1 {
background-image:url("normaltbillede.jpg");
}

..background2 {
background-image:url("transparant.jpg");
}

<div class="background1 background2">
Noget tekst
</div>

Noget i den stil du mener?

Ellers så aner jeg virkelig ikke hvor du vil hen.

PS:
Så er det HELT umuligt at "gemme" sine billeder, man vil ALTID kunne få
fat i dem, på en eller anden måde.

Den eneste måde at beskytte et billede på er at få enten PHP eller ASP
(altså et serverside sprog) til at genere billedet, men det vil dog
aldrig blive helt så pænt, som hvis det var lavet i et billedeprogram,
men muligheden er der dog. Jeg vil ikke komme ind i detaljer hvordan det
kan gøres, så må du spørge i PHP gruppen :)

---

Martin wrote:

> .background1 {
> background-image:url("normaltbillede.jpg");
> }
>
> .background2 {
> background-image:url("transparant.jpg");
> }
>
> <div class="background1 background2">
> Noget tekst
> </div>

Har du tjekket, at man sådan kan stable baggrundsbilleder i en boks?

Jeg ville nok gøre sådan i html:

<div class="background1"><div class="background2">
Noget tekst
</div></div>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

Erik Ginnerskov wrote:
> Martin wrote:
>
>> .background1 {
>> background-image:url("normaltbillede.jpg");
>> }
>>
>> .background2 {
>> background-image:url("transparant.jpg");
>> }
>>
>> <div class="background1 background2">
>> Noget tekst
>> </div>
>
> Har du tjekket, at man sådan kan stable baggrundsbilleder i en boks?

Nææ egentlig ikke :)

>
> Jeg ville nok gøre sådan i html:
>
> <div class="background1"><div class="background2">
> Noget tekst
> </div></div>

Det ville jeg nok også have gjort, hvis jeg havde tænkt mig om først :)
Garanteret også det eneste der virker :)

---

Thomas Frederiksen wrote:

> Jeg har smidt et billede ind på en hjemmeside og nu vil jeg gerne
> have tekst ovenpå billedet. Fint nok... men jeg vil også gerne
> have en svag, næsten-gennemsigtig baggrund på teksten, så det
> ikke ødelægger billedet, men samtidig hjælper til at trække
> teksten lidt frem og gør det læsevenligt

Sådan her? http://ekot.dk/www/gennemsigtighed/