Tabellenformatierung - Seite 2

etux · #11 (**permalink**) 14.11.2014, 09:59

Bloß eine Anmerkung:

Zitat:

Zitat von MrMurphy

Du willst sachlich keine Tabelle sondern eine Liste erstellen, die zusätzlich ein Bild enthält.
... Für dein Problem ist das dl-Element gedacht.

Alles (auch das Bild) in einer Definitionsliste zu verpacken, finde ich nicht schlecht. Eine Tabelle ist aber genau so gut geeignet. Zumal mir kein anderes Element bekannt ist, das den Inhalt so gut auszeichnen kann.
Zusätzlich könnte man mit Microformats (beisp. Personenbeschreibung -> vcard) oder / und Rich Snippets arbeiten.

Earlenrico · #12 (**permalink**) 14.11.2014, 10:14

Hallo etux, ich habe es probiert, es funktioniert einfach nicht.

Ich habe es ja zu erst auch mit einer Tabelle probiert, was mir auch nicht gelungen ist, da ich nicht weiß, wie ich an welcher stelle ich die einzelnen Zellen verdinden soll.

etux · #13 (**permalink**) 14.11.2014, 10:20

Wenn Du mit Tabbelen arbeiten willst, muss Dir der Aufbau einer Tabbele erst mal klar sein.
Ich selbst habe die Kapitel nicht gelesen, gehe aber davon aus, dass das hier ein guter Einstieg für Dich sein könnte:
10.3 Tabellen sind nicht verboten - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller)

Earlenrico · #14 (**permalink**) 14.11.2014, 14:56

Hallo zusammen, ich habe es hinbekommen

.

Danke euch bis hierher !

HTML-Code:

<table border="1">
<thead>
<tr>
<th colspan="3">Test</th>
</tr>
</thead>


<tr>
    <th rowspan="3"><img src="" />
    </th>
    <td>Name:</td>
    <td>Olaf</td>
 </tr>
 <tr>
    <td>Alter:</td>
    <td>100 Jahre</td>
</tr>
<tr>
    <td>Wohnort:</td>
    <td>Kleinfinstdunicht</td>
<tr>
    <td>Messenger:</td>
    <td colspan="2"><img src=""  /></td>
</tr>
<tr>
    <td>Aufgaben:</td>
    <td colspan="2">Alles</td>
</tr>
<tr>
    <td>Musik:</td>
    <td colspan="2"> Alles</td>
</tr>


</table>



<table border="1">
<thead>
<tr>
<th colspan="3">Test03</th>
</tr>
</thead>


<tr>
    <th rowspan="3"><img src="" />
    </th>
    <td>Name:</td>
    <td>Olaf</td>
 </tr>
 <tr>
    <td>Alter:</td>
    <td>100 Jahre</td>
</tr>
<tr>
    <td>Wohnort:</td>
    <td>Kleinfinstdunicht</td>
<tr>
    <td>Messenger:</td>
    <td colspan="2"><img src=""  /></td>
</tr>
<tr>
    <td>Aufgaben:</td>
    <td colspan="2">Test</td>
</tr>
<tr>
    <td>Musik:</td>
    <td colspan="2">Alles</td>
</tr>


</table>

Aber wie bekomme ich diese Tabellen nebeneinander mit abstand (neben einander bzw. untereinander)

ich habe es mit float probiert, aber das hat micht geklappt

Gruß Enrico

etux · #15 (**permalink**) 15.11.2014, 11:26

Zitat:

Zitat von Earlenrico

ich habe es mit float probiert, aber das hat micht geklappt

Dann machst Du was falsch.
Lesestoff:
13.4 Floats mit mehreren Boxen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller)

Float brauchst Du aber nicht unbedingt. Es gibt u.A. auch „display: inline-table;“

.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Tabellenformatierung IE-Firefox	MANIK	CSS	50	23.04.2007 18:55
Tabellenformatierung - Unterschiedlicher Zellenabstand	LetherFace	CSS	4	27.10.2005 17:27
tabellenformatierung fuer mobile ausgabegeraete	timex	CSS	2	22.05.2005 18:23
Tabellenformatierung mit CSS	iGEL	CSS	2	19.10.2004 17:20
StyleSheet Tabelle + externe Tabellenformatierung	corel	CSS	2	30.08.2004 10:55