Nestede klasser?

prøv at sætte din padding-left ind under dit <TD fag...

Jeg har ikke noget td i mit datagrid jo. Det kan godt være jeg skulle smide spørgsmålet ind under asp.net..

Jeg tror måske problemet ligger i hvordan jeg tilføjer mine styles til datagridet..

Prøv at lave klasse-navnet om til f.eks. leftpadding12, for tal er i en masse sammenhænge ulovlige som første tegn (vist ikke med klassenavne, men undgå problemer, brug aldrig tal først !-)

Ok... Jeg tror måske mit problem har ændret sig lidt.. Jeg kan godt få lavet padding på rækkerne.. Men... Hvis min table har en baggrundsfarve (say blå) og datagrid (som bliver til en table på browsersiden har en anden farve og padding (say mørkeblå og 12px). Så bliver de 12px's padding samme farve som den yderste table.
Kan i følge det. Kan man ikke få sådan at teksten bare står længere inden - men hele cellen har den mørke farve - men teksten bare starter 12px inde?

F.eks. text-indent: http://blooberry.com/indexdot/css/properties/text/textindent.htm

i min datagrid style har jeg 12px padding - men det kommer altså ikke på. Kan netscape ikke styre at "neste" det ned til td hvis det står på en tr? Problemet er at micro$oft har bestemt at sådan skal det være - at man skriver klassen på tr og så nester td den - for det kan explorer godt.. :-)

noget kan den godt arve.. f.eks Text-indent? Men åbenbart ikke padding?

Text-indent går som sådan tricket.. Bortset fra min padding-top og bottom.

Hvorfor kan de ikke arves?

Arv i css er en ret kompliceret sag, hvor visse properties ikke arves til visse elementer, så jeg har foreløbig stillet mig tilfreds med, at det er sådan og ikke forsøgt at forstå det fuldt ud !-)

Men en hel masse af det kan man godt forstå baggrunden for, f.eks. at text-decoration ikke arves til link-elementer (a-tags), men nogle ting, f.eks. at tekststørrelse ikke arves til tabeller, er sværere at forstå, så på det område er det trial and error-arbejde !o]

ok... Men lidt træls når .net datagrid ikke tillader styletag direkte.. Og kun vil lave det som class og laver den class på tr elementet - og jeg gerne vil have padding på td.. Lyder måske meget som en special case umiddelbart - men det synes jeg ikke..

Men korrekt der er mange aspekter at tage hensyn til - og de fleste har jeg også løst..
Det kan være hvis jeg laver en td.datagrid1 at det så virker...

det prøver jeg lige om en ½... Skal lige ud af huset..

Du kan da:

.Overskrift3 td{padding-left:12px;}

-- så vil det være alle td'er, som ligger inde i et Overskrift3-element, som får den padding !-)

Det var den jeg var på udkig efter... hehe...

Nu virker det som en charm.. Og ser fint ud både i ie og moz og opera.. Så er spørgsmålet når det bliver udsat for en ie2.1 på mac hvad der så sker..

Men så må de få en ny browser de mactøser.. :-)

Hvad er forskellen mellem:
td.Overskrift
.Overskrift td
og f.eks
tr.Overskrift td

tror måske jeg har luret lidt af det.. .Overskrift td virker ikke hvis jeg laver:
<td class="overskrift"> ?

td.Overskrift betyder en td, som selv har klassen Overskrift

.Overskrift td betyder en td, som ligger inde i et element, som har klassen Overskrift
-- men ikke nødvendigvis som barn, det må godt være et barne- eller oldebarn osv. !-)

tr.Overskrift td betyder en td, som ligger inde i en tr, som har klassen Overskrift
-- og den agerer også mod td'er som f.eks. ligger i en tabel inde i en celle !-)

Velbekomme '-)

Muchos gracias... Og ta' så lige en dyb indånding... hehe...

Mange tak for hjælpen.. Og for endnu engang at hjælpe til med overblikket.. :-)

-- og tak for point ;~}

Så det det gælder om her... (I .net) Er at holde tungen lige i munden mht. hvad .Net genererer udfra de "hjælpeobjekter" der er indbygget.
Så kan man lave et stylesheet som "hopper" direkte ind og hjælper hvor man har brug for det... :-)

Ja, for du kan gøre dem ekstremt præcise, hvis du laver den slags rækker, f.eks. kan du bestemme, hvordan et link, som ligger inde i en bestemt slags element inde i en bestemt klasse skal opføre sig:

.menu a:link{color:blue;text-decoration:none;}
.menu a:visited{color:coral;text-decoration:none;}
.menu a:hover{color:coral;text-decoration:underline;}

.menu td a:link{color:green;text-decoration:none;}
.menu td a:visited{color:lightgreen;text-decoration:none;}
.menu td a:hover{color:red;text-decoration:underline;}

-- så vil links i menuen opføre sig forskelligt afhængig af, om de står inde i en tabel eller ikke !-)