Einmittung in der Tabelle

Thema: Einmittung in der Tabelle Sa Dez 26, 2009 7:43 pm

Ein frohes Fest noch, aber ein neues kleines Problem liegt an.

Ich möchte gerne im folgenden Code eine Einmittung vornehmen. Aber da ich mit Tabellen noch nie "gearbeitet" habe , weiss ich noch nicht wie:siehe****

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Eine Tabelle erstellen</title>
<style type="text/css">
table { width:-50%; }
body{background-color: black;}
th {
padding-bottom: 1px;
padding-top: 2px;
padding-right: 30px;
background-color:black;
color: white;
border: dotted 4px yellow;
font-size: 20px;
font-family: arial black;
}

</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>CINE..TV..</th>****

</tr>
</thead>

</table><br>

</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Höhenangaben</title>
<style type="text/css">
#box a:hover{ color: blue;}

#box {
width: 250px;
background-color:black;
min-height: 70px;
height: 170px;
font-family: arial black;
font-size: 0.9em;
overflow: scroll;
border: 6px solid oldlace;
margin-right: 50px;
scrollbar-base-color:black;
scrollbar-arrow-color:white;
scrollbar-highlight-color:black;
color: green;
padding-left:6px;
padding-right:5px;
margin-right: 120px;
}
#box a {
color:white;
}
.inhaltetable { width: 100px;}
</style>
</head>
<body>

<div id="box">
{PLACE_IMAGE(kino6.jpg)}

<a href="http://www.kinokai.de/kinokai.191.28371.php?&show_member_beitraege_type=1">KRITIKEN EXTERN [KINOKAI]</a><br><br>

<a href="http://ego-press.myblog.de/ego-press/art/6841077"><u>Harry Potter und der Halbblutprinz</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6788181"><u>Terminator-Die Erlösung</a><br></u>
<b><a href="http://ego-press.myblog.de/ego-press/art/6784077"><u>Der Womanizer<br></a></u>
<b><a href="http://ego-press.myblog.de/ego-press/art/6757629"><u>Star Trek</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6829905"><u>X-Men Orign:Wolverine</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6647049"><u>Bride-Wars</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6639753"><u>Operation Walküre</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6740529"><u>Sieben Leben</a><br></u>
</div>
<div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Höhenangaben</title>
<style type="text/css">
#box a:hover{ color: blue;}

#box {
width: 210px;
background-color:black;
min-height: 70px;
height: 170px;
font-family: arial black;
font-size: 0.9em;
overflow: scroll;
border: 6px solid peachpuff;
margin-right: 50px;
scrollbar-base-color:black;
scrollbar-arrow-color:gray;
scrollbar-highlight-color:black;
color: green;
padding-left:6px;
padding-right:5px;
margin-right: 120px;
}
#box a {
color:white;
}
.inhaltetable { width: 100px;}
</style>
</head>
<body>

<div id="box">
{PLACE_IMAGE(kinosaal.jpg)}
<a href="http://www.kinokai.de/kinokai.191.28371.php?&show_member_beitraege_type=1">KRITIKEN EXTERN [KINOKAI]</a><br><br>

<a href="http://ego-press.myblog.de/ego-press/art/6841077"><u>Harry Potter und der Halbblutprinz</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6788181"><u>Terminator-Die Erlösung</a><br></u>
<b><a href="http://ego-press.myblog.de/ego-press/art/6784077"><u>Der Womanizer<br></a></u>
<b><a href="http://ego-press.myblog.de/ego-press/art/6757629"><u>Star Trek</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6829905"><u>X-Men Orign:Wolverine</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6647049"><u>Bride-Wars</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6639753"><u>Operation Walküre</a><br></u>
<a href="http://ego-press.myblog.de/ego-press/art/6740529"><u>Sieben Leben</a><br>
</div>

</body>

Thema: Re: Einmittung in der Tabelle So Dez 27, 2009 12:47 am

Da hast du aber einige HTML-Dokumente ineinandergeschachtelt XD

also eine Tabelle hat immer den Grundramen ( <table> & </table> )
dann gint es die Zeilen ( <tr> & </tr> ) *hoizontal
und die Spalten ( <td> & </td> ) *vertikal

Es gibt auch noch Tabellenkopf, -hauptbereich und -fuss, aber das ist erstmal gar nicht wichtig.
Du bist das auch schon richig angegangen.

Code:: <table>
<tr>
<td> Text 01 </td>
<td> Text 02 </td>
</tr>
</table>

das sieht dann so aus:

Text 01

Text 02

Dann gibt es auch noch soetwas wie border (Randlinie) und Weiteres zu beachten.

Das sieht dann zB so aus:

Code:: <table border="0" cellpadding="0" cellspacing="0">
<tr>
<td> Text 01 </td>
<td> Text 02 </td>
</tr>
</table>

*lässt sich aber auch über CSS definieren.
Beispiel:

Code:: CSS:
.table01 {
border:0px;
cellpadding:0px;
cellspacing:0px;
}

HTML:
<table class="table01">
<tr>
<td> Text 01 </td>
<td> Text 02 </td>
</tr>
</table>

Alles Weitere zur Tabellengestalltung findest du HIER auf SelfHTML.org.