Anzeige

HTML/CSS Text formatierung

HTML/CSS Text formatierung | PSD-Tutorials.de

Erstellt von SWalker, 18.06.2005.

  1. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    Hi leute

    Ich habe auf der Webseite (Tabellenlayout) einen Text in einem <td></td> drinnen dort klebt mir alles an den rändern
    weiss jemand wie man das lösen kann ausser über all Leerschläge zu platzieren??

    Grüsse SWalker
     
    #1      
  2. MrDiek

    MrDiek Ostfriese

    Dabei seit:
    27.02.2005
    Beiträge:
    1.563
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    Photoshop
    Kameratyp:
    /
    HTML/CSS Text formatierung
    Aha du hast also alles an den Rändern kleben? und Leerschläge platzieren?

    Sry ich verstehe null, kann nichts aus diesem Post deuten, kannst du bitte das ein wenig erläutern?

    Wäre nett

    GreeTz Diek
     
    #2      
  3. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    HTML/CSS Text formatierung
    zwischen <td> und </td>
    schreibste <center>DEIN TEXT</center>
    dann wird es mittig angezeigt, oder was meinst Du?
    oder wenn Du ihn nur ein Stück weghaben willst:
    & n b s p; (ohne leerzeichen. musste es aber so schreiben, damit es angezeigt wird.) Dein Text
     
    #3      
  4. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    oke

    da ist eine Tabele dort steht ein <td>viel Text</td>

    der "viel Text" klebt am Zellen rand

    wiebringe ich den dort weg??

    SWalker

    <edit>
    @Peter_Unlustig

    hab deinen beitragnicht gesehen war grad am schreiben.

    nein das geht nicht ich habs mit
    - align="center"
    - align="justify"
    - text-align: center;
    - text-align: justify;

    versucht aber er klebt immer noch

    SWalker
     
    #4      
  5. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    HTML/CSS Text formatierung
    hm..... poste mal bitte den code. danke
     
    #5      
  6. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    Uuuups!!

    tschuldigung es war kein <td></td>
    es ist ein

    </p> aber es funktioniert immer noch nicht

    Code (Text):
    1. <body>
    2.  
    3.  
    4.  
    5.   <h1 align="center">Chronik</h1>
    6.  
    7.  
    8.   <h2 align="center">Die Gr&ndung</h2>
    9.  
    10.  
    11.  
    12.  
    13.     Die Pflege von Musik und Gesang hatte in Inwil schon längst Heimatrecht, bevor es zur Gründung von eigentlichen       Vereinen kam. Man sang und musizierte beim Gottesdienst und zur frohen Geselligkeit. Um 1886 bestand schon eine       "Kirchenmusik", die vor allem bei den damals noch zahlreichen Prozessionen mitzuwirken hatte.
    14. Ja, man errichtete sogar eine eigene Theaterhütte, die südlich des Gasthauses zur Sonne stand, und in den zwanziger Jahren unter dem Druck eines reichlichen Schneefalls zusammenbrach. Bis zum Bau des Kreuz Saales, um 1898, führte man hier Theaterstücke auf und gab kleine Konzerte.
    15. Träger dieser musischen Pflege waren vor allem einige Familien, welche Musikfreude und -begabung als treues Erbe weiterschenkten. Man darf daher mit Berechtigung von einer Musik- und Gesagstradition in Inwil sprechen.
    16.   </p>
    17.  
    18.  
    19.  
    20. </body>

    SWalker
     
    #6      
  7. MrDiek

    MrDiek Ostfriese

    Dabei seit:
    27.02.2005
    Beiträge:
    1.563
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    Photoshop
    Kameratyp:
    /
    HTML/CSS Text formatierung
    Haste schon einmal versucht das align center in den p tag zu schreiben??? also:
    Code (Text):
    1. <p align="center">
    2. Text
    3. </p>
    ?????

    GreeTz Diek
     
    #7      
  8. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    Ja hab ich es klebt immer noch.

    SWalker
     
    #8      
  9. MrDiek

    MrDiek Ostfriese

    Dabei seit:
    27.02.2005
    Beiträge:
    1.563
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    Photoshop
    Kameratyp:
    /
    HTML/CSS Text formatierung
    Hay..

    Mag das daran liegen, das du nicht ein br im text hast??? das heisst durchgehender text kein zeilenumbruch

    Versuch das mal

    GreeTz Diek
     
    #9      
  10. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    HTML/CSS Text formatierung
    hattest du nicht gestagt, dass es zwischen <td> und </td> steht?
    dann darf da AUF KEINEN FALL <body></body> ziwschen stehen!!!
    also bitte den gesamten text posten :p:p:p
    und schon mal an zeilenumbrüche im Text gedacht?
    EDIT:
    mist da war einer schneller :p
     
    #10      
  11. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    NE funz auch net :cry:


    SWalker


    <edit>
    kann das daran liegen dass ich das mit PHP gemacht habe und dan includiert
    hier Code:
    Code (Text):
    1. <html>
    2. <head>
    3.   <title>Musikgesellschaft Inwil</title>
    4.   <link href="_include/formate.css" rel="stylesheet" type="text/css">
    5. </head>
    6. <body bgcolor=#FFFFFF algin="center">
    7.  
    8. <table width="800px" border="1px" cellpadding="0px" cellspacing="0px" align="center" bordercolordark="black" bordercolorlight="black">
    9.     <tr>
    10.         <td colspan=3>
    11.             [img]_images/balk_banner.gif[/img]</td>
    12.        
    13.     </tr>
    14.     <tr>
    15.         <td>
    16.             [img]_images/balk_navi.gif[/img]</td>
    17.         <td width=539 height=500 rowspan=6 class="link" valign="top">
    18.                  
    19.       <?php
    20.         $page=$HTTP_GET_VARS['page'];
    21.        
    22.         if($page)
    23.           {
    24.            include("$page".".php");
    25.           }
    26.         else
    27.           {
    28.           include("home.php");
    29.           }
    30.        ?>                
    31.     </td>
    32.         <td>
    33.             [img]_images/balk_date.gif[/img]</td>
    34.        
    35.     </tr>
    36.     <tr>
    37.         <td width=130 height="400px" ROWSPAN=3 class="link"valign="top">
    38.                  
    39.                  
    40.     [url="index_mgi.php?page=home"]|Home[/url]
    41.      
    42.  
    43.     [url="index_mgi.php?page=chronik"]|Chronik[/url]
    44.      
    45.  
    46.     [url="index_mgi.php?page=plan"]|Probeplan[/url]
    47.      
    48.  
    49.     [url="index_mgi.php?page=member"]|Mitglieder[/url]
    50.      
    51.  
    52.     [url="index_mgi.php?page=event"]|Events[/url]
    53.      
    54.  
    55.     [url="index_mgi.php?page=forum"]|R&tschegge[/url]
    56.      
    57.  
    58.     [url="index_mgi.php?page=links"]|Links[/url]
    59.    
    60.  
    61.  
    62.  
    63.  
    64.  
    65.  
    66.  
    67.  
    68.  
    69.  
    70.  
    71.  
    72.  
    73.     </td>
    74.         <td width=131 height=116 class="link" align="center">
    75.                
    76.       <?php
    77.         print("Heute ist:
    78. ");
    79.         print(date("l"));
    80.         print("
    81. der
    82. ");
    83.         print(date("d"));
    84.         print(".");
    85.         print(date("m"));
    86.         print(".");
    87.         print(date("Y"));
    88.         print("
    89. um
    90. ");
    91.         print(date("G"));
    92.         print(":");
    93.         print(date("i"));
    94.         print(":");
    95.         print(date("s"));
    96.       ?>
    97.      
    98.     </td>
    99.        
    100.     <tr>
    101.         <td>
    102.             [img]_images/balk_short.gif[/img]</td>
    103.        
    104.     </tr>
    105.     <tr>
    106.         <td width=131 height=342 rowspan=3>
    107.                 </td>
    108.        
    109.     </tr>
    110.     <tr>
    111.         <td>
    112.             [img]_images/balk_login.gif[/img]</td>
    113.        
    114.     </tr>
    115.     <tr>
    116.         <td width=130 height="100px" class="link">
    117.                
    118.      
    119.       <form name="login" method="POST" action="login/login.php">
    120.       Benutzername:
    121.       <input name="user" type="text" size="15">
    122.  
    123.       Passwort:
    124.       <input name="pass" type="password" size="15">
    125.  
    126.       <input name="submit" type="submit" value="Login">
    127.       <input name="reset" type="reset" value="Reset">
    128.       </form>                
    129.                
    130.     </td>
    131.        
    132.     </tr>
    133. </table>
    134.  
    135. </body>
    136. </html>
    und hier die zu includierende Datei:
    Code (Text):
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3.  
    4.  
    5. <head>
    6.   <title>Musikgesellschaft Inwil</title>
    7.   <link href="_include/formate.css" rel="stylesheet" type="text/css">
    8. </head>
    9.  
    10. <body>
    11.  
    12.  
    13.  
    14.   <h1 align="center">Chronik</h1>
    15.  
    16.  
    17.   <h2 align="center">Die Gr&ndung</h2>
    18.  
    19.  
    20.  
    21.  
    22.     Die Pflege von Musik und Gesang hatte in Inwil schon längst Heimatrecht, bevor es zur Gründung von eigentlichen       Vereinen kam. Man sang und musizierte beim Gottesdienst und zur frohen Geselligkeit. Um 1886 bestand schon eine       "Kirchenmusik", die vor allem bei den damals noch zahlreichen Prozessionen mitzuwirken hatte.
    23. Ja, man errichtete sogar eine eigene Theaterhütte, die südlich des Gasthauses zur Sonne stand, und in den zwanziger Jahren unter dem Druck eines reichlichen Schneefalls zusammenbrach. Bis zum Bau des Kreuz Saales, um 1898, führte man hier Theaterstücke auf und gab kleine Konzerte.
    24. Träger dieser musischen Pflege waren vor allem einige Familien, welche Musikfreude und -begabung als treues Erbe weiterschenkten. Man darf daher mit Berechtigung von einer Musik- und Gesagstradition in Inwil sprechen.
    25.   </p>
    26.  
    27.  
    28.  
    29. </body>
    30.  
    31.  
    32. </html>
    Ich hoffe das stimmt.

    </edit>
     
    #11      
  12. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    HTML/CSS Text formatierung
    jpa ich habe es mir gedacht:
    erstmal: wenn du inkludierst, dann wird der gesamte Code übernommen. d.h. auch das <body>, was in einer html datei nur 1 mal vorkommen darf!
    d.h, dass du alle <head> Informationen der zu inkludierenden Datei löschen musst
    Code (Text):
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3.  
    4.  
    5. <head>
    6.   <title>Musikgesellschaft Inwil</title>
    7.   <link href="_include/formate.css" rel="stylesheet" type="text/css">
    8. </head>
    9.  
    10. <body>
    und
    Code (Text):
    1. </body>
    2.  
    3.  
    4. </html>
    dann kann es sein, dass wenn du zuviel Text hast, dass es auf jedenfall bis zum Rand der tabelle geht, wenn du keine
    in den Text einfügst.
    Ich hoffe, dass damit alle Probleme beseitigt sind ;)
     
    #12      
  13. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    aber <html>
    </html>

    muss bleiben??
     
    #13      
  14. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    HTML/CSS Text formatierung
    nein auch nicht. es wird ja schon in der inkludierenden(d.h. nich in der zu inkludierenden) Datei verwendet.
    also auch <html></html> löschen!
     
    #14      
  15. SWalker

    SWalker Nicht mehr ganz neu hier

    Dabei seit:
    20.04.2005
    Beiträge:
    176
    HTML/CSS Text formatierung
    ok das mit
    <html>
    <head>
    </head>
    <body>
    </body>
    </html>

    habe ich korrigiert doch der Textklebt immer noch am rande.

    SWalker
     
    #15      
  16. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    HTML/CSS Text formatierung
    und immer noch das selbe :p:p:p
    hau 'n paar
    s rein und feddich :p
    oder ne neue Tabelle in der zu inkludierenden seite, die 3
    spalten hat, also
    Code (Text):
    1. <td width="(der abstand, der vom rand links entfernt sein soll)"></td>
    2. <td>DER TEXT</td>
    3. <td width="(der abstand, der vom rechten rand entfernt sein soll)"></td>
    also fertiger Code:
    Code (Text):
    1. <table width=100%>
    2. <tr>
    3. <td width="(deine größe)"></td>
    4. <td>  
    5.  
    6.  
    7.    <h1 align="center">Chronik</h1>
    8.    
    9.  
    10.    <h2 align="center">Die Gr&ndung</h2>
    11.  
    12.    
    13.  
    14.  
    15.      Die Pflege von Musik und Gesang hatte in Inwil schon längst  Heimatrecht, bevor es zur Gründung von eigentlichen       Vereinen kam.  Man sang und musizierte beim Gottesdienst und zur frohen Geselligkeit.  Um 1886 bestand schon eine       "Kirchenmusik", die vor allem bei den     damals noch zahlreichen Prozessionen mitzuwirken hatte.
    16.  Ja, man errichtete sogar eine eigene Theaterhütte, die südlich des  Gasthauses zur Sonne stand, und in den zwanziger Jahren unter dem  Druck eines reichlichen Schneefalls zusammenbrach. Bis zum Bau des  Kreuz Saales, um 1898, führte man hier Theaterstücke auf und gab kleine  Konzerte.
    17.  Träger dieser musischen Pflege waren vor allem einige Familien, welche  Musikfreude und -begabung als treues Erbe weiterschenkten. Man darf  daher mit Berechtigung von einer Musik- und Gesagstradition in Inwil  sprechen.
    18.    </p>
    19. </td>
    20. <td width="(deine größe)"></td>
    21. </tr>
    22. </table>
    EDIT:
    hat's geklappt?
     
    #16      
  17. Uwe411

    Uwe411 Aktives Mitglied

    Dabei seit:
    01.04.2005
    Beiträge:
    882
    Geschlecht:
    männlich
    Ort:
    6° 22' 0" Nord , 50° 55' 60" Ost
    HTML/CSS Text formatierung
    Du hast bei cellpadding 0px angegeben. Spiel mal mit diesem Wert.

     
    #17      
  18. Hennel

    Hennel Guest

    HTML/CSS Text formatierung
    Sicherlich kannst du, wie oben beschrieben eine extra Spalte machen und die Linie mit 0px ausblenden. Dann würdest du einen Rand haben. Von dieser Möglichkeit würde ich dir aber abraten. Ich sehe du nutzt schon CSS, warum also nicht auch dieses Problem mit CSS lösen?

    Gebe deinen Tag´s

    </p> einfach eine id oder eine Klasse (class).

    so sieht es aus:

    HTML
    Code (Text):
    1. <p class="abstand">Dein Text</p>
    CSS
    Code (Text):
    1. .abstand {
    2.                         padding-top:       10px;
    3.                         padding-bottom:  15px;
    4.                         padding-left:       20px;
    5.                         padding-right:       5px;
    6. }
    7.  
    Man könnte das auch zusammenfasen und einfach padding: 10px sagen.

    Ich hoffe ich konnte dir helfen!

    P.S. Wenn ich diesen Queltext sehe... :?
     
    #18      
Seobility SEO Tool
x
×
×