[css] alternate css - Softwareontwikkeling

vrijdag 2 januari 2004 17:51

Acties:

Verwijderd

Topicstarter

Ik heb wat advies nodig van de echte experts, wat is het probleem:

Ik wil op mijn website alternate css toepassen. Ok, das op zich geen probleem. Ik heb een pagina waar in de body dit staat:
<body bgColor="#cc0000">
en mijn tabel heb ik wit gemaakt. Zo krijg ik dit resultaat.

Als ik nou in mn alternate css aan wil geven dat alles wat rood is blauw moet worden, dan moet dus in feite in mn body tag die kleurwaarde veranderd worden. In mijn geval wordt nu mn hele achtergrond blauw (bgcolor in css) dus ook mijn tabel.

Hoe kan ik dit nu het best oplossen?

vrijdag 2 januari 2004 17:55

Acties:

crisp

Devver

Pixelated

De bedoeling van css is juist dat je opmaak en style van elkaar scheidt, en dus *juist* niet meer dingen als bgcolor in je HTML gebruikt...

Intentionally left blank

vrijdag 2 januari 2004 17:59

Acties:

Verwijderd

Topicstarter

crisp schreef op 02 januari 2004 @ 17:55:
De bedoeling van css is juist dat je opmaak en style van elkaar scheidt, en dus *juist* niet meer dingen als bgcolor in je HTML gebruikt...

Klopt inderdaad... maar als ik in mn css bgcolor ga gebruiken dan wordt alles dus blauw, terwijl de tabel wit moet blijven...

of zie ik nu iets heel simpels over het hoofd?

[ Voor 7% gewijzigd door Verwijderd op 02-01-2004 18:00 ]

vrijdag 2 januari 2004 18:03

Acties:

crisp

Devver

Pixelated

bgcolor bestaat niet in css; het is background-color:

Cascading Stylesheet:

1
2
3

body {
  background-color: #ff0000;
}

zoek eens een CSS reference op

Intentionally left blank

vrijdag 2 januari 2004 18:03

Acties:

Verwijderd

crisp schreef op 02 januari 2004 @ 18:03:
bgcolor bestaat niet in css; het is background-color:
Cascading Stylesheet:
1
2
3
body {
  background-color: #ff0000;
}
zoek eens een CSS reference op

http://www.w3schools.com/css/default.asp

vrijdag 2 januari 2004 18:03

Acties:

PommeFritz

...geen friet

in je html: <table class="tabel" > ....
in je css: table.tabel { background-color: white; }
werkt dat niet?

FireFox - neem het web in eigen hand

vrijdag 2 januari 2004 18:04

Acties:

Ramon

dan moet je dus alleen de dingen die blauw wil hebben in je css blauw maken.

Dus niet:

code:

1	* { background-color: blue; }

maar:

code:

1	body { background-color: blue; }

en als je dus een table hebt, zeg met als ID 'proef1-tabel', dan doe je iets als

code:

1	table#proef1-tabel { background-color: white; }

/spuit driehonderdvierentachtig

[ Voor 21% gewijzigd door Ramon op 02-01-2004 18:08 ]

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/

vrijdag 2 januari 2004 19:43

Acties:

Verwijderd

Topicstarter

Ik heb jullie advies eens geprobeerd maar dat geeft dit resultaat.

css:

code:

BODY, p, dl, td 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    line-height: normal;
    letter-spacing : normal;
    background-color:#CC0000;
    
}
.table
{
    background-color:White;
}

iemand tips?

vrijdag 2 januari 2004 19:46

Acties:

Verwijderd

Verwijderd schreef op 02 januari 2004 @ 19:43:
iemand tips?

Op deze manier zou je nog wel class="table" in je tabel moeten zetten.

[ Voor 20% gewijzigd door Verwijderd op 02-01-2004 19:46 ]

vrijdag 2 januari 2004 19:47

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 02 januari 2004 @ 19:46:
[...]
Op deze manier zou je nog wel class="table" in je tabel moeten zetten.

sorry dat heb ik niet vermeld:
bij alle tabellen die erin zitten heb ik dat idd toegevoegd:

<table class="table">

vrijdag 2 januari 2004 19:49

Acties:

Verwijderd

als het om ELKE table gaat kun je net zo goed die punt voor .table weghalen, hoef je ook geen class="table" neer te zetten.

zo dus

///edit@Riff

Cascading Stylesheet:

1
2
3

Table td
{ background-color:#FF;
}

[ Voor 28% gewijzigd door Verwijderd op 02-01-2004 20:01 ]

vrijdag 2 januari 2004 19:51

Acties:

Verwijderd

Verwijderd schreef op 02 januari 2004 @ 19:49:
als het om ELKE table gaat kun je net zo goed die punt voor .table weghalen, hoef je ook geen class="table" neer te zetten.

Maar dan werkt het op deze manier nog niet goed, omdat de tabel zelf (de randen) wel die kleur aannemen maar niet de cel. Je zou het iig op kunnen lossen door de class="table" in een td te zetten, dan krijgt hij wel de goede kleur. Uiteraard wel de naam van de class veranderen

In je huidige voorbeeld kun je het ook op deze manier oplossen, maar dat is misschien niet gewenst:

Cascading Stylesheet:

.table td
{
    background-color: white;
}

[ Voor 28% gewijzigd door Verwijderd op 02-01-2004 19:53 ]

vrijdag 2 januari 2004 20:06

Acties:

Verwijderd

Topicstarter

hmmmm de optie van Riff werkt idd, maar dan moet ik toch een en ander aanpassen (omdat ik meerdere tabellen heb)....

zijn er nog andere opties? (dank riff!)

vrijdag 2 januari 2004 20:12

Acties:

disjfa

be

als elke tabel dezelfde kleur moet hebben zet je toch gewoon in je stylesheet table{style dingen} enzo

disjfa - disj·fa (meneer)
disjfa.nl

vrijdag 2 januari 2004 20:16

Acties:

Verwijderd

Topicstarter

jah maar ik zie nu bijvoorbeeld het volgende :

die bgcolor van die tabel wordt dus niet gepakt omdat er een image staat...(zie 2 blauwe vlakken)

[ Voor 11% gewijzigd door Verwijderd op 02-01-2004 20:17 ]

vrijdag 2 januari 2004 23:08

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 02 januari 2004 @ 20:16:
jah maar ik zie nu bijvoorbeeld het volgende :

die bgcolor van die tabel wordt dus niet gepakt omdat er een image staat...(zie 2 blauwe vlakken)

ga nou niet rucksichloos overal classes aan hangen enzo zonder dat je weet wat je aan het doen bent - lees die CSS tutorial eerst eens goed door en ga dan oefenen met een eenvoudig document zonder allerlei hardcoded styles in HTML attributen en bouw het stapje voor stapje op.
Dit soort dingen moet je feeling voor krijgen om het helemaal te snappen, en dat lukt je niet in een avondje, en dat lukt je ook niet als iedereen hier dingen gaat zitten voorkauwen of zelfs verkeerde adviezen geeft (waarom moet die table per-sé een class hebben, en waarom geef je die class dan weer de naam table????).

Helaas is W&G bedoelt voor de meer ervaren webdesigner, en is dit onderwerp eigenlijk iets te simpel voor W&G. Ik denk echter dat je er met wat oefening verder zelf wel uitkomt, en als je echt op een bepaald probleem stukloopt na wat eigen pogingen mag je best nog eens een vraag komen stellen hoor

Intentionally left blank