Text formatieren, positionieren

[Bicko]

Hi,

Ich habe ein kleines Problem und hoffe auf Euren Rat.

Ich habe eine Liste von Addressen die untereinander stehen werden. Vorne steht dann Email, Telefon, Name usw.

Nun moechte ich gerne das ganze wie eine 2 spaltige Tabelle aufbauen, sprich
Label vorne und der Einrag sollen jeweils alle untereinander stehen.

Einem span tag ein width zu geben funktioniert ja leider nicht sonst haette mein Label immer die gleiche Breite, wie macht Ihr so etwas? Gibt es da einen passenden Tag?

Danke im Voraus. Gruss Bicko

 

[Maik]

Hi,

so ginge es:

<ul>
    <li><label>Name:</label> ...</li>
    <li><label>Telefon:</label> ...</li>
    <li><label>Email:</label> ...</li>
</ul>

ul {
margin:0;
padding:0;
list-style:none;
}
label {
float:left;
width:150px;
}

mfg Maik

 

[Bicko]

Hallo Maik,

Genial vielen Dank, man darf also labels auch fuer Listen verwenden, wusste ich gar nicht. Ich kenne die nur von Formularen her und dabei braucht man das ja so haeufig. Einwaende gibt es hoffentlich fuer die Benutzung nicht oder gibt es irgendwelche Browser Einschraenkungen zu beachten?

Nochmal vielen Dank Gruss Bicko

 

[Maik]

Einwaende gibt es hoffentlich fuer die Benutzung nicht oder gibt es irgendwelche Browser Einschraenkungen zu beachten?

Nö

mfg Maik

 

[Bicko]

Hallo Maik,

Das klappt wirklich gut, bis ich nun auf ein kleines Problem gestossen bin. Sobald ich im 2. Teil ein <br /> einfuege, wird der naechste Part natuerlich vorne anfangen.

Addresse: Blah 35
29384 Musterstadt

Verstaendlich ist das ja, aber wie bekomme ich den Part dann unter Blah geschoben? Hast Du oder sonst noch jemand einen Rat?

 

[Maik]

Hi,

bette den Text in einen Textabsatz p ein:

<ul>
    <li><label>Adresse:</label><p>Blah 35<br />29384 Musterstadt</p></li>
    ...
</ul>

und formatiere diesen (basierend auf meinem ersten CSS-Code) wie folgt:

p {
margin-left:150px;
}

mfg Maik