Tekst oven på billed

indsæt billedet som baggrund på en div og brug padding på selve diven til at placere teksten rigtigt

osse det jeg har gjordt, men så når man laver vinduet mindre, så går den ikke med. og hvis man placere med px. så vises den ikke det samme sted vis andre ikke har samme opløsning som mig :P

Du kan jo gøre det i procent, men jeg forstår ikke helt hvad der går galt fordi selvfølgelig skal den ikke følge med når man gør vinduet større mindre eller har en mega stor/lille opløsning? Hvordan i alverden kan dette være ønskværdigt? :-)

Det er fordi den skal passe med et andet billed som ligger lige over.
Det kan jeg osse godt få den til, men så når der skal tekst på bliver der lidt problemer.
For hvis jeg placere billedet så det passer i min normale opløsning, så passer det ikke mere n¨år jeg ændrer min opløsning :P og med procent går det osse galt med en anden opløsning

Har du prøvet at sætte

top: x;
left: y;

på div elementet?

(y og x skal udskiftes med et vis antal px's)

Her er min kode :P
<div style="position:absolute;left:24.4%; width: 644px; height: 23px; background-image: url(Billdeurl); background-repeat: no-repeat;">

Hmm, prøv at læse denne artikel: http://www.html.dk/scripts/css/00006/

der er ikke en css kode der placere noget midt i :P?

Prøv at kigge på: http://www.wpdfd.com/editorial/thebox/deadcentre4.html !-)

-- og det med at have tekst ovenpå, kan f.eks. klares med:

<div style="position:relative;width;644px;margin:0 auto;">
  <img src=" ... " style="width:644px;height:23px;">
  <span style="position:absolute;margin:5px auto;">Centreret Tekst ovenpå billedet !-)</span>
</div>

Den virker ikke for mig den kode du lige har smidt her :P

Gaab, jeg havde jo glemt, at der jo skal være en position før absolut positionering virker, og så er det jo et block-level element, der skal bruges, f.eks. en div, så f.eks. sådan:

<div style="position:relative;width;644px;margin:0 auto;">
  <img src=" ... " style="width:644px;height:23px;">
  <div style="position:absolute;margin:0 auto;top:5px;left:0;text-align:center;width:644px;">Centreret Tekst ovenpå billedet !-)</div>
</div>

-- og denne gang har jeg da lige kigget på resultatet en enkelt gang !-)

så skal det billedet teksten placeres på bare placeres i midten, så du'er det ;)? men hvordan gør jeg lige det :P?

Den her kode virker ;):
<div style="position:relative;width;644px;margin:0 auto;">
<p class=MsoPlainText align=center style='text-align:center'><img src=" ... "
style="width:644px;height:23px;"></p>
<div style="position:absolute;margin:0 auto;top:5px;left:0;text-align:center;width:644px;">Centreret Tekst ovenp&#229; billedet
!-)</div>
</div>

p-tagget er i overskud, du kan bare sætte din text-align ind i divens style !-)

-- og en centrering af et billede med 644px bredde er overflødig i et element, der er 644px bred ...

-- hvaffen editor bruger du, når der kan komme en class=MsoPlainText ind ?-)

Den her kode virker ;):
<div style="position:relative;width;644px;margin:0 auto;">
<p class=MsoNormal align=center style='text-align:center'><img src=" ... "
style="width:644px;height:23px;"></p>
<div style="position:absolute;margin:0 auto;top:5px;left:0;text-align:center;width:644px;">Centreret Tekst ovenp&#229; billedet
!-)</div>
</div>

-- den skulle også gerne virke, uden at sætte p-tagget ind !-)

ja, men det var for at placere billedet midt i ;)

point ;)?

Hvis billedet er lige så bredt som elementet, vil det jo automatisk være midt i ?-)

-- els velbekomme '-)

-- og tak for point ;~}