J'ai besoin d'aide car quand je suis dans la rebrique
"Galerie photo avec JavaScript", j'arrive a faire la première partie
mais quand il faut utiliser le code CSS fourni je n'arrive pas à le mettre au bonne endroits alors j'aimerais savoir

Ou dois-je la mettre??? (Si c'est entre head body ou dans une feuille de style à part)

Merci,
Salut, (merci de tenir compte de la remarque d'Igor pour la suite)
olivier56190 a écrit :

Ou dois-je la mettre??? (Si c'est entre head body ou dans une feuille de style à part)


"entre head body " => ça veut à peu près rien dire ça Smiley ohwell

Dans la partie head tu peux :
* faire une lien vers la feuille de style externe
* écrire directement les styles dans les balises <style>

Si tu regardes le tutoriel, c'est la 2eme solution qui est donnée (regarde l'exemple pour t'en rendre compte http://css.alsacreations.com/xmedia/exemples/galerie_photo_js/ )

Mais c'est préférable d'utiliser la 1ere solution, pour des pages multiples, c'est la même feuille de style qui est utilisée.
Modifié par Olivier (01 Jul 2005 - 12:14)
En règle générale, une feuille de style peut être placée n'importe où :

- apellée via une balise link placée dans le head

- placée dans la balise style placée dans le head

- apellée via une balise style placée dans le head (directive @import)

C'est équivallent, à moins que certaines règles soient présentes plusieurs fois (alors il faut regarder la priorité).


(edit: grillé Smiley langue )
Modifié par TriadPtale (01 Jul 2005 - 12:17)
TriadPtale a écrit :
En règle générale, une feuille de style peut être placée n'importe où :

- apellée via une balise link placée dans le head

- placée dans la balise style placée dans le head

- apellée via une balise style placée dans le head (directive @import)

C'est équivallent, à moins que certaines règles soient présentes plusieurs fois (alors il faut regarder la priorité).

(edit: grillé Smiley langue )


Allez, on va écrire tout ça parcequ'on est d'humeur joyeuse Smiley langue
(merci à feu Elliott Smith que j'écoute en ce moment)

Appel via link : (dans <head></head>)
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />


Appel via style : (toujours dans <head></head>)
<style type="text/css" media="screen">
@import url(style.css);
</style>


Utilisation de style directement pour mettre les codes CSS (encore et toujours dans <head></head>)
<style type="text/css" media="screen">
body { background: #eee }

p
{
text-indent: 2em;
line-height: 1.5em
}

a { text-decoration: none }
</style>

A éviter en "production" car s'il y a plusieurs pages, c'est autant de fois à modifier le style alors qu'un appel de fichier externe ne pose pas ce problème et c'est là tout l'avantage des styles CSS

Enfin, tu peux aussi utiliser les styles en ligne directement dans une balise (dans le <body> cette fois ci)
<div style="color: #f00; background: #222">
<p style="margin: 0">Un texte sans marges</p>
<p>Un autre texte avec marge cette fois ci</p>
<p>Le toute dans une div avec la couleur rouge et un fond gris</p>
</div>

Mais cette méthode est à utiliser en de rares cas car bien moins souples que les autres méthodes.
Modifié par Olivier (01 Jul 2005 - 12:24)