Avatar billede hkb-x Nybegynder
09. februar 2009 - 15:48 Der er 2 kommentarer og
1 løsning

Text wraper

Jeg vil gerne lave en tekst oven på et billede. Teksten skal have en baggrundsfarve og en margin således at teksten er i en farvet boks på billedet. Men jeg er stødt på 2 problemer:

1. Hvordan får jeg en div eller span til kun at fylde teksten og ikke hele sidebreden?

2. Hvordan får jeg teksten ind over billedet uden at skabe et hul på siden?
Avatar billede nidyahou Praktikant
09. februar 2009 - 17:21 #1
det jeg ville gøre var:

lave en div rundt om billedet, og en div til teksten. derefter style således at div'en med billedet var relativt placeret og div'en inde i var absolut placeret. Du kan vel styre højden og bredden ved at sætte den til auto. altså:

div .imageDiv
{position:relative; height:auto; width:auto;}

/teksten placeres øverst i venstre hjørne
div .imageTextDiv
{position: absolute; top:0; left:0; height:auto; width:auto;}

din html:

<div class="imageDiv">
<img src="" alt="" />
<div class="imageTextDiv">
blablabla
</div>
</div>

måske virker det??
Avatar billede hkb-x Nybegynder
13. februar 2009 - 16:22 #2
lækkert. det virker perfekt. skriv svar for point
Avatar billede nidyahou Praktikant
14. februar 2009 - 14:13 #3
Super Duper. Tak for point
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