comment inclure le css dans ma page php

WRInaute passionné
Voila je me met enfin au css j'en ai compris les base, les fonctionnalitées, mais la ou je seche c'est comment d'une facon simple j'appelle mes css sur tel ou tel code.

Ex. concret :

je fais des pages teste pour apprendre :

j'ai fait un tableau avec trois colonnes sur une page vierge php.
J'ai créer ma page css

j'ai mis en haut de mon header l'appel de ma page css

j'essais (et j'y arrive ) de mettre le fond en noir, ce qui marche bien.
J'essais de mettre toutes les td en blanc, là aussi pas de pb

Là ou je n'arrive à savoir comment faire c'est que je voudrais passer une colonne en blanc et les autre en noir

donc que dois je ajouter dans mon code y arriver ?

ex : <td width="109" height="626">testetestetestetsteetste</td>

si on considere que sur mon css j'ai mis :

td {
background-color: #FFFFFF;
}
tdgauche {
background-color: #000000;
}
 
WRInaute impliqué
T'inquietes pas ca n'est pas compliqué :wink:
Code:
td {
background-color: #FFFFFF;
}
td #tdgauche {
background-color: #000000;
}
Code:
<td>La colonne blanche</td>
<td id="tdgauche">La colonne noire</td>
Et c'est tout
 
WRInaute passionné
skippyzrnr a dit:
T'inquietes pas ca n'est pas compliqué :wink:
Code:
td {
background-color: #FFFFFF;
}
td #tdgauche {
background-color: #000000;
}
Code:
<td>La colonne blanche</td>
<td id="tdgauche">La colonne noire</td>
Et c'est tout

Merci :oops:

en effet c'était simple !
 
WRInaute passionné
Il y aun truc qui ne dois pas jouer dans mon css :

(toute la page )

Code:
/* CSS Document */



body,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
}
h1 {
	font-size: 18px;
	color: #FF9900;
	text-decoration: underline;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #CC6600;
}
a:active {
	text-decoration: none;
}


.style {
	background-color: #000000;
}
td {
	background-color: #FFFFFF;
}
td #tdgauche {
	background-color: #000000;
}
 
WRInaute passionné
skippyzrnr a dit:
T'inquietes pas ca n'est pas compliqué :wink:
Code:
td {
background-color: #FFFFFF;
}
td #tdgauche {
background-color: #000000;
}
Code:
<td>La colonne blanche</td>
<td id="tdgauche">La colonne noire</td>
Et c'est tout

oui mais s'il a plusieurs ligne, de mettre un id n'est pas correct.
Ne vaudrait-il pas mieux qu'il rempalce #tdgauche par .tdgauche et <td id="..."> par <td class="tdgauche"> ?
 
WRInaute passionné
merci avec vos deux réponses j'ai optenu le bon résultat :

td {
background-color: #FFFFFF;
}
.tdgauche { background-color: #000000;
}

et class="tdgauche"

maintenant je veux comprendre comment faire que mes lien dans la colonne blanche soit en bleu et dans la colonne noir en blanc ?
 
WRInaute passionné
itraque a dit:
merci avec vos deux réponses j'ai optenu le bon résultat :

td {
background-color: #FFFFFF;
}
.tdgauche { background-color: #000000;
}

et class="tdgauche"

maintenant je veux comprendre comment faire que mes lien dans la colonne blanche soit en bleu et dans la colonne noir en blanc ?

un truc du genre : td .tdgauche a { color:#coulour2; } et td a {color:#couleur1; }

Tu peux également aller voir sur http://fr.selfhtml.org/navigation/css.htm, www.alsacreations.com, www.cssplay.com ... pour plein de détails.

(Mais les tableaux c'est mal!)

Je crois, mais je me plante toujours sur l'ordre
 
Discussions similaires
Haut