Einrückung bei Aufzählung

Bitte, gern geschehen. Ohne Code redet man manchmal aneinander vorbei.
Wenn du mal wieder etwas mehr Zeit hast noch ein Tipp: Lass den ganzen Tabellenkram weg und code sauber mit CSS, da wärst du schneller zum gewünschten Ergebnis gekommen.

Könntest du bitte noch mal einen Screenshot schießen, wie es in Word oder auf der HP wirklich aussehen soll....

Zitat von sejuma

ul und Tabelle vertragen sich scheinbar nicht.

Das hört sich logisch an. Inwieweit man jetzt aber <ul> mit <td> wirklich kombinieren kann, will ich jetzt nicht in empirischen Versuchen nachweisen.

Richtig ist, dass man laut Empfehlung des W3C Tabellen nicht zur Konstruktion von Internetseiten benutzen soll. Aber das soll nicht heißen dass man Tabellen nicht sinnvoll in Seiten einsetzen soll, wo es wirklich Sinn macht. An dieser Stelle scheint es aber durchaus Sinn zu machen.

Ich zermarter mir aber grad den Kopf wie man die Umsetzung mit <ul> und [*] machen kann. Problem ist hier vermutlich bei dem flood-Attribut die Zeilenhöhe synchron zu bekommen.

Edit:

<h1>Lebenslauf</h1>
<table style="width: 40%">
<tbody>
<tr>
<td style="width: 48%; font-weight:bold; vertical-align: top; text-align: right;">Besch&auml;ftigungsart</td>
<td style="vertical-align: top;">:</td>
<td style="width: 48%; vertical-align: top;">Ferialpraxis</td>
</tr>
<tr>
<td style="width: 48%; font-weight:bold; vertical-align: top; text-align: right;">Besch&auml;ftigungsstelle</td>
<td style="vertical-align: top;">:</td>
<td style="width: 48%; vertical-align: top;">VA Tech Linz</td>
</tr>
<tr>
<td style="width: 48%; font-weight:bold; vertical-align: top; text-align: right;">Arbeitsbereiche</td>
<td style="vertical-align: top;">:</td>
<td style="width: 48%; vertical-align: top;">
[*]Allgemeine B&uuml;rot&auml;tigkeiten
[*]Sekretariatsaufgaben
[*]Organisationsarbeiten
[*]Zeitwefassung</td>
</tr>
</tbody>
</table>

Das ist jetzt erst mal meine Tabellen-Umsetzung. Den CSS-Code sollte man allerdings in Klassen packen und ggfs. extern auslagern.
Die Breite der Tabelle kann man natürlich auch gerne absolut machen.

Elvis:
hatte grad nix besseres zu tun und mal versucht das in reinem css darzustellen:

CSS:

#box1
{
width:18%;
float:left;
font-weight:bold;
text-align:right;
line-height:1.7em;
}
#box2
{
float:left;
padding-left:15px;
line-height:1.7em;
}

HTML:

<ul>
<h1>Lebenslauf</h1>
<div id="box1">
Besch&auml;ftigungsart:


Beschäftigungsstelle:


Arbeitsbereiche:
</div>


<div id="box2">
Ferialpraxis


VA Tech Linz
[*]Allgemeine B&uuml;rot&auml;tigkeiten
[*]Sekretariatsaufgaben
[*]Organisationsarbeiten
[*]Zeitwefassung
</div>
[/list]

Geht auch ohne ul-Tag.
Kompliziert wird's vermutlich, wenn noch weitere Boxen hinzu kommen.
Außerdem muss man darauf achten, dass je Box die einzelnen Zeilen(umbrüche) synchronisiert werden. Das kann dann bei unterschiedlichen Auflösungen ins Auge gehen. Vielleicht ist für diesen Zweck eine Tabelle dann doch die bessere Lösung.

Webdesignerin:
Beim Wort "Zeiterfassung" ist noch ein Rechtschreibfehler, macht sich schlecht in einem Lebenslauf