Avatar billede laksen Nybegynder
15. oktober 2003 - 13:23 Der er 5 kommentarer og
1 løsning

Hængende indryk

Kan man og, hvis ja, hvordan laver man hængende indryk i css på et element (eksempelvis på <div>)?

Det vil med andre ord sige, at 1. linie skal være helt ude ved venstre kant af elementet, men 2. linie og frem skal have et nærmere defineret indryk.
Avatar billede roenving Novice
15. oktober 2003 - 13:28 #1
.haengende{
padding-left:20px;
text-indent:-20px;
}

'-)
Avatar billede fangel Nybegynder
15. oktober 2003 - 13:28 #2
lav en

div.hangingIndent {
  padding-left : 30px;
}
div.hangingIndent:first-line{
  padding-left : 5px;
}

---

<div class="hangingIndent">
en hel masse tekst<br>over et par linier<br>lalala<br>Morten er gud!<br>2 + 2 = 5 for large values of 2<br>noget<br>ged
</div>

burde virke... har ikke testet

Morten
Avatar billede mik789 Nybegynder
15. oktober 2003 - 13:30 #3
dette er for en <p>, men burde vel også kunne virke for en <div>

p.h-indryk {
    margin: 0px 5px 0px 35px;
    text-indent: -25px;
}
Avatar billede mik789 Nybegynder
15. oktober 2003 - 13:32 #4
eller m.a.o.: tricket er at sætte en margin-left på mindst den længde man vil have den første linje til rykke til venstre, og så angive text-indent som den negative værdi af denne længde. Det er også i princippet det som roenving har gjort oven for (bare med padding i stedet for margiin - og han kom jo først ;-(
Avatar billede laksen Nybegynder
15. oktober 2003 - 13:47 #5
roenvings svar løste problemet. Thanks!
Avatar billede roenving Novice
15. oktober 2003 - 13:57 #6
-- og jeg takker for points ;~}
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