Wie setze ich diese Tabelle mit css um ?

[kunert0345]

Wie würde dieses Script in css aussehen ?

<table border="0" cellspacing="0" cellpadding="0" width="100%">  
  
			<colgroup>  
				<col width="20%">  
				<col width="30%">  
				<col width="5%">  
				<col width="45%">  
			</colgroup>  
			<tr>  
				<td></td>  
				<td><a href="http://terminal21.de/">Terminal.21</a></td>  
  
				<td></td>  
				<td>Heizwerk seit 2009</td>  
			</tr>  
		</table>  

[Felix Riesterer]

Lieber kunert0345,

vergib den Zellen eine ID oder eine Klasse...

<tr>  
    <td class="spalte_gruppenbezeichnung"></td>  
    <td class="spalte_linkadresse"><a href="http://terminal21.de/">Terminal.21</a></td>  
    <td class="spalte_werte"></td>  
    <td class="spalte_anmerkungen">Heizwerk seit 2009</td>  
</tr>

... über die Du dann eine Breite definieren kannst.

.spalte_gruppenbezeichnung {  
    width: 20%;  
}  
.spalte_linkadresse{  
    width: 30%;  
}  
.spalte_werte{  
    width: 5%;  
}  
.spalte_anmerkungen{  
    width: 45%;  
}

Liebe Grüße,

Felix Riesterer.

[kunert0345]

ok, hab ich gemacht ( danke, Felix :-)
aber wie krieg ich das mit

<table border="0" cellspacing="0" cellpadding="0" width="100%">  

hin ?

Lieber kunert0345,

vergib den Zellen eine ID oder eine Klasse...

<tr>

<td class="spalte_gruppenbezeichnung"></td>
    <td class="spalte_linkadresse"><a href="http://terminal21.de/">Terminal.21</a></td>
    <td class="spalte_werte"></td>
    <td class="spalte_anmerkungen">Heizwerk seit 2009</td>
</tr>

>   
> ... über die Du dann eine Breite definieren kannst.  
>   
> ~~~css

.spalte_gruppenbezeichnung {  

>     width: 20%;  
> }  
> .spalte_linkadresse{  
>     width: 30%;  
> }  
> .spalte_werte{  
>     width: 5%;  
> }  
> .spalte_anmerkungen{  
>     width: 45%;  
> }

Liebe Grüße,

Felix Riesterer.

[Felix Riesterer]

Lieber kunert0345,

bitte zitiere vernünftig. Unterlasse TOFU, denn es ist hier absolut ungern gesehen.

aber wie krieg ich das mit
<table border="0" cellspacing="0" cellpadding="0" width="100%"> hin ?

Na, auf eben dieselbe Art und Weise. Anscheinend ist Dir CSS noch nicht so geläufig. Das kannst Du gerne in SELFHTML alles vertiefen. Dort steht eine Menge zur <http://de.selfhtml.org/css/eigenschaften/tabellen.htm@title=Gestaltung von Tabellen>.

Liebe Grüße,

Felix Riesterer.

[kunert0345]

Hab versucht die selbe Formatierung mit css zu erzeugen.
Aber das ist das einzige was mir zur Formatierung einfält:

  
table {  
                                width: 100%;  
                                border-collapse: collapse;  
                        }  

Und so sollte es Aussehen:
http://www.geek.kilu.de/atwork/chaoswerk

Weisst du was mir noch fehlt ?

[Cheatah]

Hi,

Und so sollte es Aussehen:
http://www.geek.kilu.de/atwork/chaoswerk

da ist absolut nichts, was tabellarischen Daten auch nur ähnlich wäre. Verwende keine Tabelle.

Cheatah

[kunert0345]

Hab es am Anfang ohne Tabellen mit css versucht, aber dadurch gab es Problehme mit der Darstellung in Prozent.

Cheatah

:-D

[Cheatah]

Hi,

Hab es am Anfang ohne Tabellen mit css versucht, aber dadurch gab es Problehme mit der Darstellung in Prozent.

und warum hast Du diese nicht gelöst?

Cheatah

[kunert0345]

und warum hast Du diese nicht gelöst?

Hab ich jetzt gemacht
aber ob das Akorad ist ? (ich meine die logik nicht die syntax)

                <p style="text-align:right; margin-right:50%">Terminal.21</p>  
                <p style="margin-left:55%">heiz</p>

[Cheatah]

Hi,

aber ob das Akorad ist ? (ich meine die logik nicht die syntax)

abgesehen davon, dass Du auf style-Attribute verzichten und den CSS-Code an zentraler Stelle halten solltest, scheinen mir Deine Inhalte keinesfalls Fließtexte zu sein, sondern eher Überschriften. Hierfür hat das W3C die Elemente <h1> bis <h6> vorgesehen.

Cheatah

[kunert0345]

Hierfür hat das W3C die Elemente <h1> bis <h6> vorgesehen.

Hmm daran hab ich noch garnicht gedacht, aber hir macht es Sinn.

[Gunnar Bittersmann]

@@Felix Riesterer:

nuqneH

vergib den Zellen eine ID oder eine Klasse...

Warum den Zellen, wenn er doch die Breite für die Spalten angeben will?

Qapla'