3 Bilder innerhalb einer Tabelle... wie bloß?

[Majorana]

Hi!
Ich lerne gerade HTML und muss einen kompletten Internetauftritt aus min 12 Seiten erstellen. Ich bin noch Anfänger.
Wir benutzen Stylesheets und sollen diese in einer .CSS Datei definieren.

Mein Problem ist eigentlich total simpel: Ich möchte einfach eine Tabelle mit 3 Spalten machen. Jede Spalte hat eine Überschrift, darunter jeweils nur 1 Bild (also 3 Bilder sollen dann in der Tabelle nebeneinander zu sehen sein).

Mein HTML-Quelltext sieht so aus:

<table>

<tr>
<th>Rudolstadt im Sommer</th>
<th>Rudolstadt im Winter</th>
<th>Rathaus am Marktplatz</th>
</tr>

<tr>
<td><img src="blablabla.img" title="Klicken Sie doch mal drauf" alt="Blick über Rudolstadt"></td>
<td><img src="blablabla.JPG" title="Schneelandschaft" alt="Verschneites Rudolstadt"></td>
<td><img src="blablabla.jpg" title="Hier können Sie auch klicken" alt="Marktplatz in Rudolstadt mit Blick auf das Rathaus"></td>
</tr>

</table>

Aber in der CSS Datei hab ich einfach nicht die Ahnung, wie ich das dort richtig angeben soll, wie die Spaltenhöhe, Breite oder einfach nur die Tabelle groß sein soll.
So sieht das momentan aus:
h1{color: #008800; font-weight: bold;}
h2{color: #8b008b; font-weight: bold;}
body {background-color: #CCAAFF; color: black;
font-style: normal; font-size: 100%;
font-family: verdana, sans-serif;
font-variant: small-caps;
}
table{ border-style: double;
background-color:#ffe4e1;
width:85%; height: 20%;
table-layout: fixed; margin-left:100px; width: 25% }

Irgendwas ist innerhalb des Table falsch, nur was?! Man müsste doch auch noch extra th{.......} und td{.....} definieren, oder? Wie muss ich das nur schreiben? Innerhalb des HTML-Quelltextes wäre es einfacher, da kann ich für jedes <img> die Höhe und Breite zu definieren aber das sollen wir nicht machen, da wir alles über externe Stylesheets machen.

Bin für eure Hilfe sehr dankbar!

[AintCoolName]

Du solltest StyleSheet classen definieren.

<Table class="MeineTabelle"></table>

Dann kanst du in der CSS Datei die Tabelle direkt ansprechen.

.MeineTabelle{
width:200px;
height:100px
}

.MeineTabelle td{
width:33%;
}

Man kann in der CSS Datei auch so verfahren wenn keine classen definiert sind:

table{
width:200px;
height:100px;
}

table td{
width:33%;
}

[DanMan]

Wie muss ich das nur schreiben?
Was genau? Du hast nicht geschrieben was du eigentlich noch ändern willst. Höhe und Breite etc. der Tabelle stehen ja schon in deinem CSS - was ich übrigens für den Anfang nicht tun würde. Erst wenn du genau die Maße weißt.

[Majorana]

Was genau? Du hast nicht geschrieben was du eigentlich noch ändern willst. Höhe und Breite etc. der Tabelle stehen ja schon in deinem CSS - was ich übrigens für den Anfang nicht tun würde. Erst wenn du genau die Maße weißt.

Danke, das hat dein Vorposter schon ganz gut erklärt mit den Klassen. Ich wollte wissen, wie ich das genau schreiben muss wenn ich z.B. die <th> und <td> definieren will.

Habe es jetzt doch ohne Klasse erstmal gemacht. Das Problem war, dass ich unter <td> ja meine img´s drin hatte und das hatte nicht geklappt, die Bilder waren dann in Originalgröße über dem gesamten Bildschirm übereinander.

Mit

table {....}
table th {....} und mit
table td img {....}

in der .CSS-Datei konnte ich jetzt soweit erstmal alles ordentlich machen.

Danke!