CSS 2 verschiedene tabellenzellen in einer Tabelle

[Ryan89]

Hallo,

ich habe folgendes Vor.

ich habe eine Grafik mittels einer Div eingebunden

<div style="float:left;">
<img src="...png" />
</div>

Daneben möchte ich eine Tabelle setzen

table.details {
width: 350px;
}

Jetzt möchte ich dass die Tabelle 2 Spalten hat, (2td) jede td soll aber anders angesprochen werden. Die Linke Spalte soll nur 100px groß sein, die rechte 250px!

Wie spreche ich beide unterschiedlich an? Wisst ihr das?

Auch mit "table.details td" ?
aber dann spreche ich doch generell beide an :/ möchte das aber unterteilen in links und rechts.

 

[ka9de]

Offenbar hast du deiner Tabellle schon ne Klasse gegeben. Warum machste das gleiche nicht mit den TDs?

 

[vanGoss]

du kannst au iwas mit
table.details tr:firstChild
machen

ich weiß aber nicht genau wie des heißt, nur dass es gibt
damit sprichst du immer das erste unterelement an, was der ersten zelle entspräche
musst halt mal googeln

gruß
vanGoss

 

[Ryan89]

Offenbar hast du deiner Tabellle schon ne Klasse gegeben. Warum machste das gleiche nicht mit den TDs?

Du meinst also neben table.details noch ne

table td.detailslinks {]
table td.detailsrechts {}?

könnte funktionieren.

du kannst au iwas mit
table.details tr:firstChild
machen

Also mit einem doppelpunkt habe ich noch nie eine CSS Klasse gesehen, was soll das bewirken

 

[vanGoss]

musst halt mal googeln

es gibt zb au :hover

 

[Ryan89]

es gibt zb au :hover

Stimmt, an das habe ich jetzt gar nicht gedacht. Dachte eher dass diese :link, :focus, ... sachen standardmäßig bereits vergeben sind, und man diese nicht freiwillig vergeben kann.

Man lernt nie aus ;)

 

[struppi]

Stimmt, an das habe ich jetzt gar nicht gedacht. Dachte eher dass diese :link, :focus, ... sachen standardmäßig bereits vergeben sind, und man diese nicht freiwillig vergeben kann.

Was meinst du mit "freiwillig vergeben"?
Das sind Pseudoklassen und die sind auch defniert Selectors

 

[ka9de]

könnte funktionieren.

Das könnte nicht nur, das tuts ganz sicher wenn sie korrekt angesprochen werden. Du kannst auch einfach
.tdrechts { background-color:red; }
.tdlinks { background-color:blue; }
definieren und dann den td jeweils class="tdrechts" und class="tdlinks" zuordnen.

Also mit einem doppelpunkt habe ich noch nie eine CSS Klasse gesehen, was soll das bewirken

Bitte bemüh dazu mal google.