tap in html

katschipatschi · 20.03.2009

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

rebos · 20.03.2009

AW: tap in html

probiers doch mal mit Listen

katschipatschi · 20.03.2009

AW: tap in html

was meinst du mit Listen?

lonelyhawk · 20.03.2009

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:

<table>
  <tr>
    <td>
        Typ A<br />
        2-4Personen 2Raum Appartment<br />
        1x Schlafraum<br />
        1x Wohküche mit Balkon<br />
        1x Dusche WC
    </td>
    <td>
        Typ B<br />
        4-6Personen 3Raum Appartment<br />
        2x Schlafraum<br />
        1x Küche großteils mit Balkon<br />
        1x Dusche WC
    </td>
    <td>
        Typ C<br />
        4-5Personen 3Raum Appartment<br />
        2x Schlafraum<br />
        1x Küche mit Balkon<br />
        2x Dusche WC
    </td>
  </tr>
</table>

katschipatschi · 20.03.2009

AW: tap in html

okey danke ich werds dann noch probieren

weiß vl jemand wies richtig wär mit <pre>?

lg

sokie · 20.03.2009

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:

<pre>
   Typ1          Typ2          Typ3
Beschreibung  Beschreibung  Beschreibung
mehr          mehr          mehr
weiteres      weiteres      weiteres
...           ...           ...
</pre>

katschipatschi · 20.03.2009

AW: tap in html

danke für eure hilfe, hat geklappt

o0Andy0o · 20.03.2009

AW: tap in html

Eventuell noch im CSS ein

Code:

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:

<table>
<tr>
<th>Typ A</th>
<td>
<ul>
<li>2-4Personen 2Raum Appartment</li>
<li>1x Schlafraum</li>
<li>1x Wohküche mit Balkon</li>
<li>1x Dusche WC</li>
</ul>
</td>
</tr>
<tr>
<th>Typ B</th>
<td>
<ul>
<li>4-6Personen 3Raum Appartment<br />
<li>2x Schlafraum</li>
<li>1x Küche großteils mit Balkon</li>
<li>1x Dusche WC</li>
</ul>
</td>
</tr>
<tr>
<th>Typ C</th>
<td>
<ul>
<li>4-5Personen 3Raum Appartment</li>
<li>2x Schlafraum</li>
<li>1x Küche mit Balkon</li>
<li>2x Dusche WC</li> 
</ul>
</td>
</tr>
</table>

Herr_D · 20.03.2009

AW: tap in html

o0Andy0o schrieb:
Eventuell noch im CSS ein

Code:

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:

<table> <tr> <th>Typ A</th> <td> .... </ul> </td> </tr> </table>

Wozu die Tabelle?

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title></title>
<meta name="author" content="R.D">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<style type="text/css">
<!--
body {
background:#fff;
color:#000;
font-size:100.01%;
font-family: Tahoma, Verdana, Arial, sans-serif;
}

#liste {
width:600px;
}

ul {
width: 30%;
margin: 0; padding: 0;
border-left: 1px solid #000;
float:left;
}


li {
list-style: none;
margin: 0.4em; padding-left: 0.5em;
color:#999;
}

li h2 {
font-size:1.1em;
font-weight: bold;
color:#000;
}

.clear {
clear:both;
}

.luecke {
margin-top:1em}

-->
</style>
</head>

<body>
<div id="liste">
        <ul>
                <li><h2>Überschrift 1</h2></li>
                <li>Liste</li>
                <li>Liste</li>
                <li>Liste</li>
        </ul>
        <ul>
                <li>
                <h2>Überschrift 2</h2>
                </li>
                <li>Liste</li>
                <li>Liste</li>
                <li>Liste</li>
        </ul>
        <ul>
                <li><h2>Überschrift 3</h2></li>
                <li>Liste</li>
                <li>Liste</li>
                <li>Liste</li>
        </ul>
        <div class="clear"></div>
</div>
<div class="luecke">
        Normaler Text usw...</div>
</body>

</html>

<pre> würde ich nicht empfehlen... willst du hervorhebungen einbauen ist das mit pre nur Rummgefrickel...

o0Andy0o · 20.03.2009

AW: tap in html

wozu nicht ?

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

Herr_D · 20.03.2009

AW: tap in html

o0Andy0o schrieb:
wozu nicht ?

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

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

Allerdings läßt sich streiten ob das Listen sind oder tabellearische Inhalte