Avatar billede superraider Nybegynder
01. september 2004 - 19:24 Der er 9 kommentarer og
1 løsning

CSS: billed tekst oven på hinaden

Hej
jeg har et billed, efterfulgt af et stykke tekst.

jeg vil så med z-indedx flytte teksten oven på billedet.
jeg kan så med relative positioner angive det så det passer, men selvom teksten er flyttet, så fylder den på den plads hvor det skulle have stået.

Hvordan kan jeg lave tekst oven på et billed, så det ikek fylder mere end billedet
Avatar billede ldanielsen Nybegynder
01. september 2004 - 20:03 #1
fx:
<table><tr><td style="position: relative;"><div style="position: absolute; top: 10px; left: 10px;">Tekst</div>
<img src="billede.jpg"><td>
</tr></table>
Avatar billede ldanielsen Nybegynder
01. september 2004 - 20:09 #2
Du skal huske at begge dele skal være i en "container", en <td> eller en <div> f. eks., og at containeren skal have position: relative, rækkefølgen er ligegyldig i mit eksempel; selvom jeg har sat teksten først vises den alligevel oven på billedet
Avatar billede superraider Nybegynder
01. september 2004 - 20:28 #3
er div'en ikke placere 10px fra toppen og 10 fra venstre kant, sådan forstår je det, og jeg vil jo ikke have de der absolut værdier
Avatar billede ldanielsen Nybegynder
01. september 2004 - 20:49 #4
Hvad er det du vil have ud af det? Skal teksten stå midt på billedet?
Avatar billede superraider Nybegynder
01. september 2004 - 22:04 #5
jeg vil bare gerne selv bestemme hvor det skal stå, men billede kan komme til at så mange forskelleige steder, så teksten placering skal defineres ud fra billedet.

og ikke med absolut værdier
Avatar billede ldanielsen Nybegynder
01. september 2004 - 22:16 #6
Åh nu forstår jeg!

Prøv lige mit eksempel, jeg tror det er det du vil have. Teksten er placeret 10px fra BILLEDETS kanter (eller rettere td'ens, men det er det samme), og vil derfor følge billedets placering.

Det kan lade sig gøre fordi td'en er defineret med position: relative, og div'en er placeret indeni. Div'en bliver således child til td'en
Avatar billede superraider Nybegynder
02. september 2004 - 14:35 #7
Ok, jeg troede bare ikke det ville virke fordi, at absolute i mine øjne vil svare til at placere den fra browserens kanter, jeg prøver lgie din løsning
Avatar billede superraider Nybegynder
02. september 2004 - 14:38 #8
det virker vist fint, nu har jeg ikke lige fået prøvet det af på det jeg vil lave, men sådan som du lige har stillet det op, så virker det.

Det jeg skal lave, er at jeg har et billed(fodboldbane) som der så skal sættes 11 mindre billeder hen over, som derigen skal sættes en lille tekst under.
Avatar billede ldanielsen Nybegynder
02. september 2004 - 14:42 #9
så er det det her du har brug for.

igen:
Du skal huske at begge dele skal være i en "container", en <td> eller en <div> f. eks., og at containeren skal have position: relative

Så bliver den udgangspunkt for koordinaterne

Tak for Point
Avatar billede superraider Nybegynder
03. september 2004 - 17:27 #10
mig der takker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester