Avatar billede boris Mester
10. juli 2003 - 11:14 Der er 10 kommentarer og
1 løsning

billedtekst under billede uafhængig af anden tekst

Kan man med css eller lignende tilknytte en billedtekst til et billede, uanset hvordan billedet ellers er placeret i forhold til tekst m.v.
Teksten skal helst stå under billedet.
(Det er ikke en løsning at placere det hele ved absolut positionering)
Avatar billede sublimegirl Nybegynder
10. juli 2003 - 11:53 #1
Hvis teksten skal være helt uafhængig af andet tekst på siden, så er kan du jo skrive teksten på gif/jpg-filen.
Avatar billede sublimegirl Nybegynder
10. juli 2003 - 11:55 #2
Du kan også lægge det i en tabel. Ellers ved jeg ikke hvordan du kan gøre det uafhængigt af andet tekst på siden uden brug af absolut positionering.

Ellers kan du lægge et ekstra lag ind oveni al ting med "overflow" men så skal der også positioner på.
Avatar billede roenving Novice
10. juli 2003 - 12:20 #3
Hvis det ikke må være absolut skal det jo være relativt, så teksten skal 'bare' komme 'bag efter' og må ikke flytte op ved siden af, så hvad med en float:left på en div ?-)
Avatar billede boris Mester
10. juli 2003 - 16:39 #4
Har du et eksempel med float:left?
Avatar billede roenving Novice
10. juli 2003 - 16:51 #5
Jeg har ikke prøvet den ende før ( -- det burde kunne ses på mit indlæg ,-) men her er en hurtig prøvet ting ...
-- som er afhængig af, at der er en venstrekant at holde sig til !-):

<IMG width="200" HEIGHT="150" SRC="billede.jpg">
<DIV STYLE="float:left;width:200px;text-align:center;">Teksten skulle gerne følge med billedet</div>
Avatar billede boris Mester
10. juli 2003 - 21:06 #6
Desværre, meningen var god og det var en interessant ide, men det er altså ikke til at styre.
Avatar billede roenving Novice
10. juli 2003 - 23:07 #7
Hvad så med at sætte dem sammen ind i en div:

<DIV STYLE="float:left;width:200px;text-align:center;">
<IMG width="200" HEIGHT="150" SRC="billede.jpg">
Teksten skulle gerne følge med billedet</div>
Avatar billede boris Mester
11. juli 2003 - 06:11 #8
Jo, så skal teksten nok følge med billedet, men hvordan får jeg teksten udenom til at lægge sig op ad billedet samtidig?
Avatar billede roenving Novice
11. juli 2003 - 10:49 #9
I den konstruktion kan du -- næsten ihvertfald -- behandle div'en som du ville have behandlet billedet, dvs. hvor du ellers ville have sat billedet, sætter du nu div'en ...
En div vil som standard blive præcis så stor som indholdet kræver, den eneste grund til at bredden er sat i ovenstående eksempel er at være 100 % sikker på, at teksten kommer nedenunder -- hvis en eller anden skulle komme til at sætte float:left på billedet *gg*

hth
jes
Avatar billede dta Nybegynder
29. juli 2003 - 13:38 #10
Jeg kunne tænke at du kunne bruge Caption TAGET som jeg kun har set i forbindelse med tabeller men du kunne evt putte billedet ind i en tabel. Dokumentationen er som følgende.

http://www.w3.org/TR/REC-CSS2/tables.html#propdef-caption-side
Avatar billede boris Mester
23. november 2003 - 19:19 #11
Lukkes....
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