Anzeige

tap in html

tap in html | PSD-Tutorials.de

Erstellt von katschipatschi, 20.03.2009.

  1. katschipatschi

    katschipatschi Nicht mehr ganz neu hier

    Dabei seit:
    21.03.2008
    Beiträge:
    110
    Geschlecht:
    männlich
    tap in html
    Hallo ich hab ein Problem und zwar:
    Ich will das der untere Text nebeeinander steht.
    in Word geht das ja ganz einfach mit Tap.
    Wie mache ich das mit html?
    Habs schon probiert mit <pre> </pre>
    funktioniert nicht. ich weiß nämlich nicht genau wo ich das
    beim code genau einfügen muss? vl kann mir jemand zeigen,
    wie richtig programmiert gehört? Wäre nett, danke!

    das ist der Text:
    Typ A
    2-4Personen 2Raum Appartment
    1x Schlafraum
    1x Wohküche mit Balkon
    1x Dusche WC

    Typ B
    4-6Personen 3Raum Appartment
    2x Schlafraum
    1x Küche großteils mit Balkon
    1x Dusche WC

    Typ C
    4-5Personen 3Raum Appartment
    2x Schlafraum
    1x Küche mit Balkon
    2x Dusche WC
     
    #1      
  2. rebos

    rebos Nicht mehr ganz neu hier

    Dabei seit:
    08.04.2006
    Beiträge:
    83
    Geschlecht:
    männlich
    Kameratyp:
    Sony A300
    tap in html
    AW: tap in html

    probiers doch mal mit Listen
     
    #2      
  3. katschipatschi

    katschipatschi Nicht mehr ganz neu hier

    Dabei seit:
    21.03.2008
    Beiträge:
    110
    Geschlecht:
    männlich
    tap in html
    AW: tap in html

    was meinst du mit Listen?
     
    #3      
  4. lonelyhawk

    lonelyhawk Nicht mehr ganz neu hier

    Dabei seit:
    08.01.2007
    Beiträge:
    121
    Geschlecht:
    männlich
    Software:
    notepad
    tap in html
    AW: tap in html

    also die drei blöcke sollen nebeneinader stehen?

    dann kannst du z.b. eine tabelle nutzen. ist hier auch sinnvoll, da es sich um eine auflistung handelt.

    HTML:
    1.  
    2.   <tr>
    3.     <td>
    4.         Typ A<br />
    5.         2-4Personen 2Raum Appartment<br />
    6.         1x Schlafraum<br />
    7.         1x Wohküche mit Balkon<br />
    8.         1x Dusche WC
    9.     </td>
    10.     <td>
    11.         Typ B<br />
    12.         4-6Personen 3Raum Appartment<br />
    13.         2x Schlafraum<br />
    14.         1x Küche großteils mit Balkon<br />
    15.         1x Dusche WC
    16.     </td>
    17.     <td>
    18.         Typ C<br />
    19.         4-5Personen 3Raum Appartment<br />
    20.         2x Schlafraum<br />
    21.         1x Küche mit Balkon<br />
    22.         2x Dusche WC
    23.     </td>
    24.   </tr>
    25.  
     
    #4      
  5. katschipatschi

    katschipatschi Nicht mehr ganz neu hier

    Dabei seit:
    21.03.2008
    Beiträge:
    110
    Geschlecht:
    männlich
    tap in html
    AW: tap in html

    okey danke ich werds dann noch probieren :)
    weiß vl jemand wies richtig wär mit <pre>?

    lg
     
    #5      
  6. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    tap in html
    AW: tap in html

    Wenn du mit pre arbeiten willst musst deine 'Spalten' einfach nebeneinander schreiben und mit Leerzeichen die richtigen Abstände schaffen. Das funktioniert allerdings nur bei Schriften mit fester Typenbreite. zb Courier, Courier New, Typewriter etc.
    Die meissten Browser interpretieren mit pre formatierte Bereiche entsprechend.

    zB
    PHP:
    1.  
    2. <pre>
    3.    Typ1          Typ2          Typ3
    4. Beschreibung  Beschreibung  Beschreibung
    5. mehr          mehr          mehr
    6. weiteres      weiteres      weiteres
    7. ...           ...           ...
    8. </pre>
    9.  
     
    #6      
  7. katschipatschi

    katschipatschi Nicht mehr ganz neu hier

    Dabei seit:
    21.03.2008
    Beiträge:
    110
    Geschlecht:
    männlich
    tap in html
    AW: tap in html

    danke für eure hilfe, hat geklappt ;)
     
    #7      
  8. o0Andy0o

    o0Andy0o Teetrinker

    Dabei seit:
    07.04.2008
    Beiträge:
    216
    Geschlecht:
    männlich
    Ort:
    Weiden i. d. Opf.
    Software:
    Adobe CS3 Design Premium
    Kameratyp:
    NikonD40x
    tap in html
    AW: tap in html

    Eventuell noch im CSS ein
    Code (Text):
    1. pre {font-family: monospace;}
    setzen. Dadurch kannst du sicher gehen, dass der Bereich richtig dargestellt wird.

    Ich würde aber mit Tabellen und Listen arbeiten:
    HTML:
    1. <tr>
    2. <th>Typ A</th>
    3. <td>
    4. <ul>
    5. <li>2-4Personen 2Raum Appartment</li>
    6. <li>1x Schlafraum</li>
    7. <li>1x Wohküche mit Balkon</li>
    8. <li>1x Dusche WC</li>
    9. </ul>
    10. </td>
    11. </tr>
    12. <tr>
    13. <th>Typ B</th>
    14. <td>
    15. <ul>
    16. <li>4-6Personen 3Raum Appartment<br />
    17. <li>2x Schlafraum</li>
    18. <li>1x Küche großteils mit Balkon</li>
    19. <li>1x Dusche WC</li>
    20. </ul>
    21. </td>
    22. </tr>
    23. <tr>
    24. <th>Typ C</th>
    25. <td>
    26. <ul>
    27. <li>4-5Personen 3Raum Appartment</li>
    28. <li>2x Schlafraum</li>
    29. <li>1x Küche mit Balkon</li>
    30. <li>2x Dusche WC</li>
    31. </ul>
    32. </td>
    33. </tr>
     
    #8      
  9. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    tap in html
    AW: tap in html


    Wozu die Tabelle?

    HTML:
    1.  
    2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    3.        "http://www.w3.org/TR/html4/strict.dtd">
    4.  
    5.  
    6. <meta name="author" content="R.D">
    7. <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    8. <style type="text/css">
    9. <!--
    10. body {
    11. background:#fff;
    12. color:#000;
    13. font-size:100.01%;
    14. font-family: Tahoma, Verdana, Arial, sans-serif;
    15. }
    16.  
    17. #liste {
    18. width:600px;
    19. }
    20.  
    21. ul {
    22. width: 30%;
    23. margin: 0; padding: 0;
    24. border-left: 1px solid #000;
    25. float:left;
    26. }
    27.  
    28.  
    29. li {
    30. list-style: none;
    31. margin: 0.4em; padding-left: 0.5em;
    32. color:#999;
    33. }
    34.  
    35. li h2 {
    36. font-size:1.1em;
    37. font-weight: bold;
    38. color:#000;
    39. }
    40.  
    41. .clear {
    42. clear:both;
    43. }
    44.  
    45. .luecke {
    46. margin-top:1em}
    47.  
    48. -->
    49. </head>
    50.  
    51. <div id="liste">
    52.         <ul>
    53.                 <li><h2>Überschrift 1</h2></li>
    54.                 <li>Liste</li>
    55.                 <li>Liste</li>
    56.                 <li>Liste</li>
    57.         </ul>
    58.         <ul>
    59.                 <li>
    60.                 <h2>Überschrift 2</h2>
    61.                 </li>
    62.                 <li>Liste</li>
    63.                 <li>Liste</li>
    64.                 <li>Liste</li>
    65.         </ul>
    66.         <ul>
    67.                 <li><h2>Überschrift 3</h2></li>
    68.                 <li>Liste</li>
    69.                 <li>Liste</li>
    70.                 <li>Liste</li>
    71.         </ul>
    72.         <div class="clear"></div>
    73. </div>
    74. <div class="luecke">
    75.         Normaler Text usw...</div>
    76. </body>
    77.  
    78. </html>
    79.  

    <pre> würde ich nicht empfehlen... willst du hervorhebungen einbauen ist das mit pre nur Rummgefrickel...
     
    Zuletzt bearbeitet: 20.03.2009
    #9      
  10. o0Andy0o

    o0Andy0o Teetrinker

    Dabei seit:
    07.04.2008
    Beiträge:
    216
    Geschlecht:
    männlich
    Ort:
    Weiden i. d. Opf.
    Software:
    Adobe CS3 Design Premium
    Kameratyp:
    NikonD40x
    tap in html
    AW: tap in html

    wozu nicht ?

    Ist an sich ein Tabellarischer Inhalt, ich würde mittlerweile eher die Liste weglassen.
     
    #10      
  11. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    tap in html
    AW: tap in html

    Das mein ich ja... entweder Tabelle oder Liste beides zusammen ist Murks...


    Allerdings läßt sich streiten ob das Listen sind oder tabellearische Inhalte ;)
     
    #11      
Seobility SEO Tool
x
×
×