Søg
Avatar billede ruhigkeit Nybegynder
03. april 2006 - 19:22 Der er 6 kommentarer og
1 løsning

Indrykning af tekst for at følge skrå linie nedefter

Hejsa.

Jeg har et (efter min mening) fedt design, hvor min tekst (i en I-frame) skal følge en skrå linie nedefter, istedet for den klassiske lige linie ned.

Klassisk:
Blablabsdknfosinfnw
sdnfnAFÆLKNdf
kneflknalkn
lkndadawd

Min ønskemåde:
jlknsdfpsadf
læksdflksjdf
  sdælkfsldjkf
  lkæsjdfksjf
    ælsdfældskf
    æsdfælsdfælds

Jeg vil have det til at ske automatisk, så man ikke skal bruge hverken mellemrum eller fx

<p style="padding-left: 5px;">hans mor gav ham lov</p> <p style="padding-left: 10px;">en anden fik ikke lov</p> <p style="padding-left: 15px;">Jeg fik lov</p> osv.

da det betyder at man skal holde øje med når man når enden af linien og derefter taste enter. For hvis man ikke gør det og skriver fortsat ned på næste linie, kommer denne til at stå lige under den ovenstående.

Er der nogen der kan løse mit problem?
Avatar billede ruhigkeit Nybegynder
03. april 2006 - 19:28 #1
hov, jeg kan se at den ikke har registreret mine mellemrum som jeg gerne ville. Linierne skal rykkes lige langt ind, hver gang man begynder på en ny linie. Ikke som vist ovenfor.
Avatar billede roenving Novice
03. april 2006 - 23:24 #2
Såvidt jeg kan gennemskue er muligheden ikke til stede i de teknologer, der er relevante med dagens udgave af (x)html og css samt browsere !-)

-- man kan selvfølgelig opbygge en (javascript-)funktion, der testede antallet af afsnit, og så rykkede dem ned, men jeg tror ikke engang, at man kunne opbygge en funktionalitet, der kunne finde ud af, at nu var linjen i dette afsnit slut, så det var nødvendigt at indsætte et nyt afsnit ...

-- teoretisk kan det gøres ved at man langsomt smider tekstbidder ind i et span, og aftaster dets længde efter hver indsætning, men så skal man også bøvle med mellemrum og orddeling, så svaret må være:

Nej !o]
Avatar billede mclemens Nybegynder
18. juni 2006 - 14:42 #3
Vi prøver lige denne her :o)


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
#indholdet{width:300px;background:#aaa;}
</style>

<script type="text/javascript">
var tn,tntxt,tnh;
var tnsp=0;
insetter=5; //p.t. 5px per run :o)


window.onload=function(){

tn=document.getElementById("indholdet");
tntxt=tn.childNodes[0].nodeValue;
tn.childNodes[0].nodeValue=tntxt.charAt(0);
insetting(0);
}



function insetting(tmpc){
newcn=document.createTextNode(tntxt.charAt(tnsp++));
var newn=document.createElement("div");
newn.appendChild(newcn);
newn.style.width=tn.offsetWidth-(insetter*tmpc)+"px";
newn.style.margin="0px 0px 0px auto";

if(tmpc==0){
  tn.replaceChild(newn,tn.childNodes[0]);
  tnh=newn.offsetHeight;
}

else tn.appendChild(newn);

while((newn.offsetHeight<(tnh+1))&&(tnsp!=tntxt.length)){
  newcn.nodeValue+=tntxt.charAt(tnsp++);
}


if(tnsp!=tntxt.length){
  while((newn.offsetHeight>(tnh+1))||(tntxt.charAt(tnsp)!=" ")){
  newcn.nodeValue=newcn.nodeValue.substr(0,newcn.nodeValue.length-1);tnsp--;
  }
  insetting(++tmpc);
}
}

</script>




</head><body>

<div id="indholdet">Jeps, denne tekst skal så helst ombrydes hver gang den når enden af linjen der er fastsat til p.t. 400px og så rykkes 5px ind for hver efterfølgende linje ... problemet er dog bare at den til sidst bliver meget lille og at det derfor kan være nødvendigt at den bliver større på et tidspunkt... P.t. Bryder den teksten hvor som helst det skal nok lige rettes til - så den kun bryder i mellemrum :o)</div>

</body></html>
Avatar billede mclemens Nybegynder
18. juni 2006 - 14:45 #4
Udløber fra denne her:
http://www.eksperten.dk/spm/715988
- og så kunne jeg huske noget lignende
der havde været oppe at vende ...

Troede dog den stod i min oversigt,
men fandt den til sidst ved søgning
under dhtml på tråde roenving deltager i :o)

... ved godt det er lidt sent men ville lige
kaste den ind alligevel - der kan jo være andre
der får et lignende problem :o)
Avatar billede mclemens Nybegynder
18. juni 2006 - 14:54 #5
[ ombrydes hver gang den når enden af linjen der er fastsat til p.t. 400px ]
-> ombrydes hver gang den når enden af linjen der er fastsat til p.t. 300px

... der tages dog forbehold for at den kun bryder på
mellemrum selvom jeg skrev det modsatte i teksten:)
Avatar billede mclemens Nybegynder
05. august 2006 - 01:32 #6
. lukketid ?
Avatar billede mclemens Nybegynder
20. juni 2007 - 22:16 #7
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
White papers
Flere white papers »