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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Tekst på billede
Fra : Ukendt


Dato : 23-02-03 15:12

Hej igen.

Hvordan skriver jeg tekst ovenpå et billede f.eks. vha. css?

Håber stadig på lidt hjælp.

Tak



 
 
Lasse Reichstein Nie~ (23-02-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 23-02-03 15:43

"Jesper Nann" <jesper> writes:

> Hvordan skriver jeg tekst ovenpå et billede f.eks. vha. css?

Du skal placere teksten absolut, f.eks. sådan her:

<span style="position:relative">
<img src="..." alt="...">
<span style="position:absolute;left:0px;top:0px;">Tekst i toppen af billedet</span>
</span>

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Ukendt (23-02-2003)
Kommentar
Fra : Ukendt


Dato : 23-02-03 16:48

> Du skal placere teksten absolut, f.eks. sådan her:
>
> <span style="position:relative">
> <img src="..." alt="...">
> <span style="position:absolute;left:0px;top:0px;">Tekst i toppen af
billedet</span>
> </span>

Hvordan lægges det i en selvstændig CSS fil og hvorledes refererer jeg til
det i min html fil?

Tak



Erik Ginnerskov (23-02-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-02-03 18:03


"Jesper Nann" <jesper> skrev
> > Du skal placere teksten absolut, f.eks. sådan her:
> >
> > <span style="position:relative">
> > <img src="..." alt="...">
> > <span style="position:absolute;left:0px;top:0px;">Tekst i toppen af
> billedet</span>
> > </span>
>
> Hvordan lægges det i en selvstændig CSS fil og hvorledes refererer jeg til
> det i min html fil?

Hvis det skal i en selvstændig css-fil, omskrives ovenstående til:

<span style="position:relative">
<img src="..." alt="...">
<span id="tekst">Tekst i toppen af billedet</span>
</span>

Derefter laver du følgende i css:

tekst{
position:absolute;
left:0px;
top:0px
}

--
Med venlig hilsen
Erik Ginnerskov - erik snabela ginnerskov dot dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408953
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste