StartseiteStartseite  FAQFAQ  SuchenSuchen  MitgliederMitglieder  NutzergruppenNutzergruppen  AnmeldenAnmelden  LoginLogin  

Austausch | 
 

 Einmittung in der Tabelle

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
Friedhelm

avatar

Anzahl der Beiträge : 136
Blogadresse : www.myblog.de/ego-press
Anmeldedatum : 22.11.08

BeitragThema: 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>
Nach oben Nach unten
Benutzerprofil anzeigen http://www.myblog.de/ego-press
Migger

avatar

Anzahl der Beiträge : 146
Alter : 32
Blogadresse : http://terraoh.te.funpic.de
Anmeldedatum : 05.01.09

BeitragThema: 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.

_________________
IE vs FF?
Na wer gewinnt denn da wohl?
Nach oben Nach unten
Benutzerprofil anzeigen http://terraoh.te.funpic.de
 
Einmittung in der Tabelle
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Tippspiel Tabelle
» BB Code Tabelle
» Tabelle verändern
» HTML Tabelle nach unten verschoben
» Tabelle über BBCode zentrieren

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
MyBlog Hilfeforum :: MyBlog.de :: Questions&Answers-
Gehe zu: