Avatar billede delbing Nybegynder
21. august 2001 - 20:32 Der er 16 kommentarer og
1 løsning

html-kode for en masse mellemrum

Jeg skal skrive en træstruktur ud, dvs. at underpunkter skal rykkes længere ind end starten af ovenstående linie. Jeg gør det ved skiftevis at skrive mellem og \"& nb sp ;\" (uden mellemrummen selvfølgelig, men jeg er ikke sikker på at eksperten escaper det ud).
Ved en vis dybde i strukturen bliver det til en masse overflødig output, kan det ikke gøres kortere? Skal man virkelig lave 7 tegn for at få 2 mellemrum, som for mig ofte fører til at der skrives over 100 tegn for bare at få et ord hen det rigtige sted?
Avatar billede jelzin101 Praktikant
21. august 2001 - 20:34 #1
<p>
Avatar billede cautoo Nybegynder
21. august 2001 - 20:36 #2
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
Avatar billede delbing Nybegynder
21. august 2001 - 20:39 #3
jelzin mener du
<p leftmargin=110>punkt</p>
<p leftmargin=120>underpunkt</p>
eller
<p>punkt
<p>underpunkt
</p>
</p>

cautoo: det er det jeg gør nu smarte
Avatar billede cautoo Nybegynder
21. august 2001 - 20:39 #4
hvis du ska bruge lister er det meget normalt at bruge den indbyggede listefunktion
<DL>
<DT>
<DD>
Avatar billede wizprod.com Nybegynder
21. august 2001 - 20:46 #5
hvis du har afgang til php kan du bruge følgende:

<?php
$antal_mellemrum = 100;
for ($i = 0; $i <= $antal_mellemrum; $i++) {
    print \'&nbsp;\';
}
Avatar billede wizprod.com Nybegynder
21. august 2001 - 20:46 #6
WOOOPS:

adgang til

og så husk at det hel skal afsluttes med en ?>
Avatar billede spang Nybegynder
21. august 2001 - 20:49 #7
Du kan måske også gøre noget i retning af:

<p>yyy</p>
<p style=\"padding-left:2.0em\">yyy</p>
<p style=\"padding-left:4.0em\">yyy</p>
<p>yyy</p>

...eller...  (ikke så pæn)

xxx<br>
<span style=\"width:2.0em\">&nbsp;</span>xxx<br>
<span style=\"width:4.0em\">&nbsp;</span>xxx<br>
xxx<br>

...eller...

<div>yyy</div>
<div style=\"padding-left:2.0em\">yyy</div>
<div style=\"padding-left:4.0em\">yyy</div>
<div>yyy</div>


\\spang
Avatar billede wizprod.com Nybegynder
21. august 2001 - 20:50 #8
Ellers findes der et længere mellemrum,
kig her:
http://www.html.dk/dokumentation/tegn/symboler.asp
Avatar billede jakoba Nybegynder
21. august 2001 - 21:07 #9
Som et alternativ kan du skubbe teksten ved at tegne et billede i linien.

<p>helt ude fra kanten<br>
<img src=\'gennemsigtig.gif\' width=50 height=1>rykket 50 pixel ind.

det giver lidt bedre kontrol.
Avatar billede ldanielsen Nybegynder
21. august 2001 - 21:36 #10
<table>
<tr><td colspan=2>text der står til venstre</td></tr>
<tr><td width=50></td><td>text der der rykket ind</td></tr>
<tr><td width=50></td><td>text der der rykket ind</td></tr>
<tr><td width=50></td><td>text der der rykket ind</td></tr>
<tr><td colspan=2>text der står til venstre</td></tr>
<tr><td width=50></td><td>text der der rykket ind</td></tr>
<tr><td width=50></td><td>text der der rykket ind</td></tr>
</table>

evt kombineret med en usynlig gif som jakoba bruger.
Avatar billede lala-joker Nybegynder
21. august 2001 - 21:38 #11
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Avatar billede callesen Praktikant
21. august 2001 - 21:42 #12
Hvad med at bruge lister i lister:
<STYLE TYPE=\"text/css\">
OL {
    list-style-image:url(grafik_effekter/images/tomt.gif);
}

</STYLE>
</HEAD>
<BODY>
<OL>
    <LI>
    <OL>
    <LI>
    </OL>
</OL>

</BODY>
</HTML>

Med den tomme gif-fil får du ikke nogen bullit og du kan lave en simpel træstruktur ved at anvende lister i lister i lister......
Avatar billede ldanielsen Nybegynder
21. august 2001 - 21:45 #13
du kan altid lave en bullit med <li>
Avatar billede callesen Praktikant
21. august 2001 - 21:54 #14
>>Idanielsen - ja og fidusen her er at den er \'usynlig\'
Avatar billede delbing Nybegynder
21. august 2001 - 22:13 #15
wizprod: Jeg bruger java servletter og arbejder mig gennem træet med en rekursiv metode, som i hvert kald appender nogle \"&nbsp; \" til en StringBuffer, giver den med som parameter til det videre kald for hvert underpunkt, og så fjerner det samme antal chars inden metoden returnerer. Problemet er at jeg synes det er latterligt at sende 10-20kb med \"nbsp; \".
De alternative lange mellemrum blev slet ikke vist i Opera, og som firkanter i IE.

spang: ser for browserafhængigt ud

jakoba: sådan, svar så vinder du

ldanielsen: næsten lige så godt som jakobas, men da der skal laves table tags før og efter, kun næsten :)

lala-joker: flot, nr 2 som foreslår at gøre det på samme måde som jeg gjorde det da jeg stillede spørgsmålet (og så smadrede du textwrappingen også
:)

callesen: Jeg kan ikke rigtig styre indrykningens størrelse uden at lave noget ekstra
Avatar billede jyde.dk Nybegynder
21. august 2001 - 23:01 #16
jeg plejer at bruge en gennemsigtig gif på 1x1 px før teksten, alt efter hvor langt teksten skal indrykkes sættes width=et_eller_andet
Avatar billede ldanielsen Nybegynder
21. august 2001 - 23:05 #17
Ok med mig. du kan forbedre jakoba\'s med <nobr> ... </nobr>, hvis du synes
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