tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
8
ZUGRIFFE
2795
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    pchilfe pchilfe ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Beiträge
    125
    Liebe Freunde,

    Ich habe folgende Frage?

    Wie kann ich Zeilenbruch innerhalb einer Tabelle führen.

    Die Breite der Tabelle muss 410 px sein. Wenn ein Text aus der Datenbank kommt, der folgender form hat: WWWWWWWWWWWWWWWWW

    wächst die Tabelle außerhalb den gewünschten Bereich.

    Wie kann man die Tabellen Breite fixieren, unabhängig von der Zellen Inhalt.

    Wenn ich den Zeilenumbruch mit PHP mache, bricht irgendwann einganzes Wort ab, was nicht erwünscht ist.

    HTML-Code:
    $strTxt = wordwrap($strTxt, 52, "\n", 1);
    $strTxt =  nl2br($strTxt);
    Gibt es eine andere Möglichkeit, Zeilenumbruch innerhalb der Tebellenzelle zu machen ohne Php-Einsatz?

    Beispiel:

    HTML-Code:
    <?php
    
    $strTxt = 'sssssssssswwwwAAAAAAAAAAAAAAwwwwwAAAAADdddddCCCCCCCCC';
    
    echo"
    <html>
    <head>
    <title>CSS Zeilenumbruch</title>
    <style type='text/css'>
    #content {
     font: 8pt Arial;
     display: block;
     max-width:410px;
     white-space: normal;
     overflow:hidden;
     }
    </style>
    
    </head>
    <body>
       <table border='1' cellpadding='0' cellspacing='0' width='420px' height='100'>
        <tr>
          <td width='5' height='100'>&nbsp;</td>
          <td width='410px' height='100' bgcolor='#DDDDDD' valign='top'>
          
            <div class='content'>
                $strTxt
            </div>
            
          </td>
          <td width='5' height='100'>&nbsp;</td>
        </tr>
      </table>
    </body>
    </html>";
    
    ?>

    Vielen Dank für jede Antwort.
     
    pchilfe :-)

  2. #2
    Avatar von ronaldo84
    ronaldo84 ronaldo84 ist offline Mitglied Brokat
    Registriert seit
    Dec 2004
    Ort
    Berlin / Rudow
    Beiträge
    453
    Schau dir das mal an. Stichwort ist fixed.
    http://de.selfhtml.org/css/eigenscha...m#table_layout
     
    Bitte alle erledigten Themen abschliessen.

  3. #3
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Das Beispiel sieht doch schon recht vielversprechend aus. Ich würde es vermutlich nicht anders machen (außer ohne Tabellen, denn die sind für tabellarische Daten gedacht). Übrigens hast du einen ID-Selektor („#Bezeichner“) statt eines Klassen-Selektors („.Bezeichner“) angegeben.
     
    Markus Wulftange

  4. #4
    pchilfe pchilfe ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Beiträge
    125
    Hallo,

    Mit:

    HTML-Code:
    style='table-layout:fixed'
    wird die Tabelle-Breite zwar fixiert, aber es wird keinen Zeilenumbruch gemacht. Der Text in Firefox wächst außerhalt der Tabelle. In IE wird ein teil der Text nicht angezeigt.

    In meinem Beispiel habe den Bezeichner auf .content geändert aber immer noch kein Zeilenumbruch weder mit Tabelle noch ohne Tabelle.

    Was kann man noch tun?

    Bitte um Hilfe!

    Gruß ...
    Geändert von pchilfe (25.05.07 um 15:59 Uhr)
     
    pchilfe :-)

  5. #5
    Maik Tutorials.de Gastzugang
    Hi,

    dass von den Browsern kein Zeilenumbruch vorgenommen wird, liegt einfach an der Zeichenkette, in der kein Leerzeichen enthalten ist. Von daher solltest du zu der PHP-Lösung greifen.
     

  6. #6
    pchilfe pchilfe ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Beiträge
    125
    Hi,

    Also ich programmiere zur Zeit ein multilinguales internes Nachrichten System mit PHP und MySql.

    Alles funktioniert perfekt aber für den Fall, dass der Benutzer so eine Nachricht schreibt:
    HTML-Code:
    Haaaaaaaaaaaaaaaaaaaaaalllllllllllllllllllllllllllllloooooooooooooooooooooooo
    so dass die Breite des Textes größer ist als die Breite des Displayfeldes.

    Wegen der Multilingualität (Deutsch, Russisch, Chinesisch usw ...)

    Kann ich die PHP-Funktionen nicht sinnvoll einsetzen, um ein Zeilenumbruch zu erzwingen, da bei einigen Wörter, einen Zeilenumbruch im Mitte eines Wortes erzwungen wird, wo natürlich die Nachricht nicht schön angezeigt wird.

    HTML-Code:
    $strNachricht = wordwrap($strNachricht, 53, "\n", 1);
    $strNachricht =  nl2br($strNachricht);
    Ich habe versucht, dieses Problem mit CSS zu lösen und fand, dass nicht jeder Browser CSS Bausteine gleich interpretiert.

    Gibt es eine andere Möglichkeit
     
    pchilfe :-)

  7. #7
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Wenn der Webbrowser im Text keinen geeigneten Ansatzpunkt für einen Umbruch findet (siehe etwa Unicode Line Breaking Properties), darf er auch keine machen. Daher wirst du wohl den Text verändern müssen, so dass es Ansatzpunkte gibt, oder aber die Umbrüche erzwingen.
     
    Markus Wulftange

  8. #8
    Registriert seit
    May 2007
    Ort
    Köln / Bonn
    Beiträge
    844
    Blog-Einträge
    4
    Das einzige was man tun könnte (recht aufwendig) währe mit den HTML Code für mögliche Zeilenumbrüche zu arbeiten und diese in langen Wörtern einfügen um Zeilenumbrüche zu erzeugen die gültig sind, und in einigen Browsern auch gleich das - davor.

    http://de.selfhtml.org/html/text/zei...h.htm#erlauben

    Aber ob man sich die arbeit machen möchte ist halt die andere Frage.
     
    Der Computer ist die logische Weiterentwicklung des Menschen: Intelligenz ohne Moral.

  9. #9
    pchilfe pchilfe ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Beiträge
    125
    Hallo,

    Ich habe heute den ganzen Tag mich mit Zeilenumbruck beschäftigt. Eine Mögliche Lösung, wie ich es gerne hätte, für alle Browsern gibt es leider nicht.

    Daher habe ich das Problem mit Textarea gelöst.

    Beispiel:
    HTML-Code:
    <textarea cols='76' rows='20' wrap='physical' readonly>...Text ...</textarea>

    Vielen Dank für alle Antworten ...

    Gruß ..
    pchilfe
     
    pchilfe :-)

Ähnliche Themen

  1. Zeilenumbruch im HTML
    Von napsi im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 15.04.08, 16:23
  2. HTML - Zeilenumbruch automatisch
    Von Alexander12 im Forum HTML & XHTML
    Antworten: 10
    Letzter Beitrag: 02.10.05, 18:23
  3. Antworten: 5
    Letzter Beitrag: 16.11.04, 15:48
  4. wysiwyg html-editor mit Zeilenumbruch
    Von rbretsc im Forum HTML-Editoren
    Antworten: 2
    Letzter Beitrag: 29.04.04, 17:12
  5. wysiwyg html-editor mit Zeilenumbruch
    Von rbretsc im Forum Content Management Systeme (CMS)
    Antworten: 1
    Letzter Beitrag: 28.04.04, 17:36