/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Skiftende baggrundsfarve i en tabel v. CSS
Fra : Jint


Dato : 20-09-03 20:17

Halløjsa.

Jeg har lidt broblemer med at sætte en tabel op...
Jeg vil have sådan at baggrundsfarven skifter i de forskellige celler.
F.eks. hver anden celle har én farve, og de andre en anden...
Det skal ikke være noget med at man skal ind og ændre 'class' hver gang man
tilføjer en celle mere
Her har jeg vist det grafisk: http://www.jint.dk/test/tabel.gif

| Jint
| 33939533
| www.jint.dk



 
 
Anders Thorsen Holm (20-09-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 20-09-03 21:02

Jint wrote:

> Jeg vil have sådan at baggrundsfarven skifter i de forskellige
> celler. F.eks. hver anden celle har én farve, og de andre en
> anden...

Det bør helt klart gøres med CSS og klasser.

> Her har jeg vist det grafisk: http://www.jint.dk/test/tabel.gif

Prøv noget i den her stil:

tr th {
   background-color: #ccc;
}

tr td {
   background-color: #ddd;
}

tr.foo td {
   background-color: #fff;
}

<table>
<tr>
<th>Headerceller har en grå baggrund.</th>
</tr>
<tr>
<td>Celler i den her række vises med svagt grå baggrund.</td>
</tr>
<tr class="foo">
<td>Celler i rækken med klassen "foo" får hvid baggrund.</td>
</tr>
</table>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Jens Gyldenkærne Cla~ (20-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-09-03 21:37

Anders Thorsen Holm skrev:

> tr th {

[...]

> tr td {

Hvorfor ikke blot:

th{ } og td{ } ?

Det eneste sted tabelcelleelementer (td, th) kan forekomme er i
tabelrækkeelementet (tr).

> tr.foo td {

Her giver det til gengæld mening.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Anders Thorsen Holm (20-09-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 20-09-03 22:26

Jens Gyldenkærne Clausen wrote:

> Hvorfor ikke blot:
>
> th{ } og td{ } ?
>
> Det eneste sted tabelcelleelementer (td, th) kan forekomme er i
> tabelrækkeelementet (tr).

Tja, tjoe ... det har du da helt ret i. Det må tilskrives gammel vane
og måske også for at klargøre, hvorledes den næste regel fungerer:

>> tr.foo td {

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Erik Ginnerskov (20-09-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 20-09-03 22:02


"Anders Thorsen Holm" <zoolook@daimi.au.dkx> skrev
>

> <table>
> <tr>
> <th>Headerceller har en grå baggrund.</th>
> </tr>
> <tr>
> <td>Celler i den her række vises med svagt grå baggrund.</td>
> </tr>
> <tr class="foo">
> <td>Celler i rækken med klassen "foo" får hvid baggrund.</td>
> </tr>
> </table>

Det giver en stribet effekt. Jeg forstod spørgsmålet sådan, at Jint ønskede
et skakbrætmønster. Det fordrer, at baggrundsfarven skal defineres i mindst
hver anden celle plus i hver række.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin




Anders Thorsen Holm (20-09-2003)
Kommentar
Fra : Anders Thorsen Holm


Dato : 20-09-03 22:24

Erik Ginnerskov wrote:

> Det giver en stribet effekt. Jeg forstod spørgsmålet sådan, at
> Jint ønskede et skakbrætmønster. Det fordrer, at baggrundsfarven
> skal defineres i mindst hver anden celle plus i hver række.

Da ikke, hvis han ønsker, det skal se ud som på billedet:

   <http://www.jint.dk/test/tabel.gif>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Jint (20-09-2003)
Kommentar
Fra : Jint


Dato : 20-09-03 23:27

Det er vist mig der ikke har udtrykt mig klart nok...
Ikke noget skakbræt her, men blot som på billedet... Rækker, ikke celler som
jeg kom til at skrive.

Jeg syntes bare jeg så et lille script engang, som gjorde det at den
skiftede farve for hver række. Dvs. hvis der bliver tilføjet en ny række, så
får den automatisk den næste baggrundsfarve. Kunne f.eks skifte mellem:
#DDDDDD & #EEEEEE


"Anders Thorsen Holm" <zoolook@daimi.au.dkx> skrev i en meddelelse
news:Xns93FCEE989A59zoolook@130.225.247.90...
> Erik Ginnerskov wrote:
>
> > Det giver en stribet effekt. Jeg forstod spørgsmålet sådan, at
> > Jint ønskede et skakbrætmønster. Det fordrer, at baggrundsfarven
> > skal defineres i mindst hver anden celle plus i hver række.
>
> Da ikke, hvis han ønsker, det skal se ud som på billedet:
>
> <http://www.jint.dk/test/tabel.gif>
>
> --
> Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/
>
> Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
> Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/



Jens Gyldenkærne Cla~ (20-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-09-03 21:42

Jint skrev:

> Jeg vil have sådan at baggrundsfarven skifter i de forskellige
> celler. F.eks. hver anden celle har én farve, og de andre en
> anden...

I det grafiske eksempel du har givet ser det ud som om at farven
kun skal skiftes rækkevis (skifter man cellevis farve får man et
skakbræt).


> Det skal ikke være noget med at man skal ind og ændre
> 'class' hver gang man tilføjer en celle mere

Beklager, men det er eneste brugbare metode (jeg forudsætter at du
mener række når du skriver celle).

Hvis tabellen genereres via et script kan klassetildelingen
automatiseres. I asp.net kan man fx lave de skiftende farver i
servergenererede lister ved hjælp af ItemStyle og
AlternatingItemStyle. Men det har ikke noget med html og css at
gøre - når html-koden genereres indeholder hver række oplysning om
hvilken farve (evt. hvilken css-klasse) den skal have.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste