kostenloser Webspace werbefrei: lima-city

HTML-Text mit Tabulator Abstand ?

lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess

1. Autor dieses Themas

   spielequest

   spielequest hat kostenlosen Webspace.

   14:54, 26.11.2012

   Hallo
   
   wenn ich eine Text ausgebe, der TABs Zeichen (Tabulator Abstand) enthält,
   dann wird dieser zwar im Quellcode als TAB angezeigt, aber bei Ansicht nicht ?
   
   

   $str = "Hallo \t ich bin ein Beispiel \t mit Tabs Abstand \t zum Test"; 
   print "<p>".$str."</p>\n";

   
   
   Ausgabe im HTML Quellcode enthält die TABs
   

   <p>Hallo 	 ich bin ein Beispiel 	 mit Tabs Abstand 	 zum Test</p>

   
   
   Aber die Ausgabe im Browser (Ansicht) ist ohne die TABs
   

   Hallo ich bin ein Beispiel mit Tabs Abstand zum Test

   
   
   Wie kann ich in der HTML-Ansicht (im Browser, Frontpage, nicht im Quellcode)
   diese TABs Steuerzeichen so ausgeben, dass dort auch der "Abstand" zu sehen ist ?
   
   
   
   
   
   Beitrag zuletzt geändert: 26.11.2012 14:55:28 von spielequest

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. g****e

   15:45, 26.11.2012

   Einen echten Tabulator gibt es in der HTML Welt meineswissens nicht. Du kannst das Tab Spacing jedoch mit 4 geschützen Leerzeichen erreichen, dann hast du aber nicht die gleichmäßigen Abstände wie bei Tabstops, sondern hast 4 Leerzeichen stattdessen:   und das 4 mal.
   Wenn du wirkliche Tabs benutzen willst gibt es das <pre> Element, hierzwischen wird dies ausgewertet, es ist aber in jederlei hinsicht besonders und recht "doof"...
   
   Liebe Grüße

4. hackyourlife

   Moderator

   hackyourlife hat kostenlosen Webspace.

   16:34, 26.11.2012

   Eventuell sollte mal die Anwendung genannt werden, wo du das überhaupt brauchst, da sich dann möglicherweise andere Lösungswege finden lassen…

5. ventos

   

   ventos hat kostenlosen Webspace.

   17:25, 26.11.2012

   versuchs mal mit dem Codeabschnitt:
   

   	

   
   Ausm internet, noch net getestet...

6. hackyourlife

   Moderator

   hackyourlife hat kostenlosen Webspace.

   17:30, 26.11.2012

   ventos schrieb:
   versuchs mal mit dem Codeabschnitt:
   

   	

   
   Ausm internet, noch net getestet...

   Das funktioniert genauso wie wenn du einen Tab normal schreibst, also nur innerhalb von

   pre

   .

7. czibere

   

   czibere hat kostenlosen Webspace.

   0:33, 27.11.2012

   hackyourlife schrieb:Das funktioniert genauso wie wenn du einen Tab normal schreibst, also nur innerhalb von

   pre

   .

   yo mey! das 'nur' klingt bei dir so ... abwertend. bei richtiger anwendung ist das jäckchen wie höschen. zum bleistift (<- click ;):

   <?php
   // czibere.lima-city.de/_forum/spielequest/tab.php
   $f  = "font-family:'New Lucida Console', sans-serif";
   $f0 = "$f;color:#f00;font-weight:bold;";
   $f1 = "$f;background-color:#bfb";
   $f2 = "font-weight:bold;background-color:#bfb";
   echo <<< EOT
   <p style="$f0">
     In diesem Paragraph gibt es echte Tabulatoren:
   
     <pre style="$f1">These line is tabbed: 2012&#9;This phrase uses a tab. This phrase also uses a&#9;tab. This phrase does not use a tab.</pre>
   
     <pre style="$f1"><span style="$f2">These 2 lines uses tabs:</span>
   These line is tabbed: This phrase [&#9;2012&#9;] uses 2 tabs.
   This phrase also uses a&#9;tab. This phrase does not use a tab.
     </pre>
   
     Hier geht der Parageaph ungestört weiter :)
   </p>
   EOT;

   das sieht kaum nach <pre> aus. style ist der retter. (muss natürlich nicht inline sein ;)
   wobei ... über den sinn kann man nachsinnieren.

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?