Liloo a écrit:

Bonjour ^^
Bon je préviens tout de suite je suis très nul, ça fait un bout de temps que j'essaie de comprendre quelque chose au CSS mais je galère ^^'
Alors déjà je comprend pas du tout comment marche Notepad ? Quand j'essaie de mettre un code, bin ça me met rien en couleur, enfin pas comme dans les exemple ... bref ^^'
Je suis vraiment une grosse nul désolé ^^'

C'est normal
Il faut aller dans la panneau "langage" et choisir celui qui correspond (et là ça te mettre le code en couleur)

Il faut le faire avant ou après avoir taper le code ?
Parce que quand je l'ouvre, donc le CSS est déjà choisit, et quand je tape mon code, il n'y a que les "{" et "}" qui se mette en rouge, les autres parties du code reste noir ...

Ikø' a écrit:

Je viens de faire un tour sur ton forum~
Donc sur ton fo, tu as une bannière transparente et ton fond c'est ta bannière. Tu vois ce que je veux dire?
Pour que ta barre de navigation soit plus basse, il faut simplement que tu mettes une bannière transparente avec une hauteur plus élevée. Celle que tu as présentement a 300 px de hauteur. Essaie des valeurs comme 500 px~

C'est ce que Ode voulait dire =D

Merci beaucoup à vous deux
Je pense que ça devrait marcher.
Quand je pense que j'ai cherché longtemps alros que c'était tout simple ><
Merci encore en tout cas.

LILOO: Ça n'a pas d'importance. Mais de préférence, sélectionne le CSS quand même, même s'il est "déjà choisi". Parce que les class sont également sensé être en couleur~ Et les { } qui se mettent en rouge, je crois que c'est du Javascript ou un truc du genre oo

Lana.: De rien =D

ADOKO: Je vais modifier cela toute suite x) merci beaucoup~~

Liloo a écrit:

Il faut le faire avant ou après avoir taper le code ?
Parce que quand je l'ouvre, donc le CSS est déjà choisit, et quand je tape mon code, il n'y a que les "{" et "}" qui se mette en rouge, les autres parties du code reste noir ...

C'est pareil pour moi, ça ne m'aide pas beaucoup...

Ikø' a écrit:

LILOO: Ça n'a pas d'importance. Mais de préférence, sélectionne le CSS quand même, même s'il est "déjà choisi". Parce que les class sont également sensé être en couleur~ Et les { } qui se mettent en rouge, je crois que c'est du Javascript ou un truc du genre oo

xD

Bin le soucis c'est que même en re-selectionnant ça me fait la même chose ...
Je ferais un screen en rentrant chez moi pour vous montrer (parce que là je ne suis pas sur mon PC), j'éditerais mon message.
Merci pour ta réponse en tout cas ^^

Hum bon désolé du double poste, mais je n'arrive pas à éditer mon message ^^'
C'était pour dire que j'ai trouvé comment faire, en faite il suffisait que je surligne mon code et que je change le langage ^^'

Bref en tout cas merci et désolé du double post ><

La modification de la mise en forme du langage s'applique à tout le document. Il n'y à donc pas à sélectionner le texte pour changer le langage.
Par contre il peut arrivé qu'il y ait des bug de rafraîchissement.
Un rechargement du fichier(avec l'extention approptié, .css en l'occurence) résout le problème.

Mon avis sur le cours jusqu'à l'exercice 1 x) est: que c'est bien expliqué!
Moi qui pensais être un cas désespéré: j'ai compris ce qui était dit. ^^

Reste à voir pour la suite! >w<

Bijouuur! Voila mon problème: Je connais le
pour aller à la ligne, mais... L'espace, comment qu'on fait? Genre, j'ai ça:



Comment je fais pour détacher un peu l'icone du bord de la couleur?

PS: le code, si ça peut aider:

Code:

<div style="background-color:#453030;gainsboro; width: 450px; height: 140px;"><br><margin-left: 3px><div style="border:3px solid black; width: 100px; height: 100px;">[img]http://moe.mabul.org/up/moe/2010/01/31/img-020933bcfgp.png[/img]</div></div>

Voici ce que je comprends et ce que je te propose :

Code:

<div style="background-color:#453030;gainsboro; width: 450px; height: 140px;"><br><margin-left: 3px><div style="border:3px solid black; width: 100px; height: 100px; margin-left: 10px;">[img]http://moe.mabul.org/up/moe/2010/01/31/img-020933bcfgp.png[/img]</div></div>

Oui c'est exactement çaa *0* Mercii! Sauf que maintenant, j'ai un autre problème... En y mettant un tableau, baaah... il a pas aimé:

Code:

<div style="background-color:#453030;gainsboro; width: 450px; height: 140px;"><br><margin-left: 3px>[table border="0"][tr][td][list]<div style="border:3px solid black; width: 100px; height: 100px; margin-left: 10px;">[img]http://moe.mabul.org/up/moe/2010/01/31/img-020933bcfgp.png[/img]</div>[/list][/td][td][list][b]Jake Lewis[/b] | [size=9]Ft Brad Pitt[/size]
[size=9][i][font=Georgia]"Quand je serais grand, je voudrais être comme toi!"[/font][/i][/size]
[font=Comic Sans Ms][size=10]Lui?! Et bien... Disons que c'est un peu ce à coin j'aimerais ressembler. Sa philosophie de vie est si... Si géniale! Je crois que je le considère presque comme un père. Bien que nous n'ayons pas énormément de différence d'âge. Toujours est-il que... Je l'apprécie beaucoup.[/size][/font] [/list][/td][/tr][/table]</div>

Code:

<div style="background-color:#453030;gainsboro; width: 450px; height: 140px;"><br><margin-left: 3px>[table border="0"][tr][td][center]<div style="border:3px solid black; width: 100px; height: 100px; margin-left: 5px;">[img]http://moe.mabul.org/up/moe/2010/01/31/img-020933bcfgp.png[/img]</div>[/td][td][b]Jake Lewis[/b] | [size=9]Ft Brad Pitt[/size]
[size=9][i][font=Georgia]"Quand je serais grand, je voudrais être comme toi!"[/font][/i][/size]
[font=Comic Sans Ms][size=10]Lui?! Et bien... Disons que c'est un peu ce à coin j'aimerais ressembler. Sa philosophie de vie est si... Si géniale! Je crois que je le considère presque comme un père. Bien que nous n'ayons pas énormément de différence d'âge. Toujours est-il que... Je l'apprécie beaucoup.[/center][/size][/font] [/td][/tr][/table]</div>

Voilà ^^

WEH MERCIIIII <3

Bonjour !

Je ne suis pas certain d'avoir saisi l'ensemble de la question ^^"
As-tu bien compris comment on créé un style dans le css ? Lui donner un nom, écrire les propriétés...?
Si oui, il suffit d'appliquer le style que tu as créé dans ton texte. Je vais te montrer comment.

Si tu as créé une classe dans ton css (il existe d'autres types de styles, mais les classes sont ce qu'on utilise le plus souvent), tu dois avoir quelque chose comme :

Code:

.nom
{
   propriété: valeur ;
}

Pour appliquer ce style à un texte, il va falloir appeler notre classe. Pour ça il faut d'abord se poser une question. Est-ce qu'on veut modifier un mot ou une ligne dans le texte, ou est-ce qu'on veut modifier tout un paragraphe ?
Dans le cas d'une ligne seulement, il va falloir utiliser span. Pour le paragraphe entier, c'est div qu'on va utiliser.
Span et div sont des balises dites génériques, c'est-à-dire qu'elles n'ont aucun sens et ne servent à rien. Quand on intègre un span ou un div, il ne se passe rien. Alors à quoi elles servent...? Et bien justement elles définissent un espace dans lequel on va pouvoir appliquer nos propriétés. Pour ça on va appeler notre style. Comme il s'agit d'une classe, on va devoir mettre class= pour dire que tout ce qui est entre nos balises doit avoir les propriétés définies dans notre css.
Ca donne donc :

Code:

Dans le cas d'une ligne intégrée dans un texte :
<span class="nom">texte</span>

Dans le cas d'un paragraphe entier :
<div class="nom">paragraphe</div>

Ais-je correctement expliqué ou as-tu encore des difficultés ?


Fu'

Merci pour ces explications ! J'ai pourtant tout suivi à la lettre il me semble, mais ça ne marque pas u.u
Dans ma feuille CSS j'ai mis :

Code:

.cadre {
border-style: dotted ; }

et dans mon message j'ai mis :

Code:

<span class="cadre">Test CSS</span>

Je ne comprend pas ou ça beug ? (je comprend pas grand chose de toute manière ^^")

Ca ne fonctionne pas tout simplement parce que tu as oublié quelque chose d'essentiel.
Ici tu as défini le style de la bordure. Elle sera en pointillés (ou tirets, je sais jamais lequel des deux correspond à quoi, mais bref XD). Seulement avec juste un style... on va pas loin. C'est la même chose que si tu disais à quelqu'un "prenez l'autoroute" mais que tu ne disais ni laquelle ni dans quelle direction.
Il est important de préciser d'autres éléments pour arriver au résultat. Celui qui est essentiel, c'est surtout l'épaisseur de ta bordure. Si tu ne dis rien, elle aura une épaisseur de 0px, autrement dit elle n'existera pas concrètement.
Un autre élément qu'il faut préciser, c'est la couleur de ta bordure. Je crois qu'une couleur par défaut est appliquée quand on ne précise rien, mais je ne sais plus comment elle est définie. Dans le doute, mieux vaut préciser.

Je résume. Dans ton css tu dois avoir :
• style de la bordure : border-style
• épaisseur de la bordure (px) : border-width
• couleur de la bordure : border-width

Le tout peut se résumer dans ce qu'on appelle une mégapropriété qui regroupe toutes les valeurs de différentes propriétés reliées à un même élément. Pour la bordure c'est border. Mais que tu utilises une seule propriété ou plusieurs pour ne pas mélanger, il faut bien préciser au minimum le style et l'épaisseur, et de préférence la couleur (quoi que je ne suis pas certain que ça fonctionne sur tous les navigateurs si on ne précise pas à la couleur à la réflexion... à vérifier ^^")
La mégapropriété donnerait donc quelque chose comme ça:
border: solid 1px black ;

En essayant ça je pense que ça devrait fonctionner


Fu'

J'ai essayé avec

Code:

.cadre {
border: dotted 2px black;
}

dans la feuille CSS, et ça marche toujours pas... Je comprend pas du tout u.u

cf message précédent : couleur de la bordure = border-color (et non border-width qui définit bien l'épaisseur...)


Ton code est parfaitement valide et ton mot devrait être encadré par une bordure en pointillés. Si ça ne fonctionne pas, vérifie que tu as bien activé le html sur le forum (Panneau d'Administration > Général > Messages & Email : général), dans ton profil, et sur le message que tu veux poster.


Fu'

Bonjour !

J'espère que la question n'a pas déjà été posée ; enfin, puisqu'il y a un topic spécial questions, autant en profiter.

En fait, la mienne est toute bête, je n'arrive pas à saisir les définitions de text-align et de vertical-align, à savoir : "Permet d'aligner le texte de l'élément selon la valeur donnée." pour text-align et "Pour définir l'alignement de votre texte sur l'axe vertical de l'élément." pour vertical-align.
Qu'est-ce "l'élément" ?
Bon, en regardant les valeurs de text-align, je comprends à quoi il sert, mais je reste toujours dans le brouillard pour vertical-align... De même, j'aimerais bien savoir quels liens entretiennent ces deux propriétés, si jamais elles en ont, car je crois qu'elles sont de mises toutes les deux dans le devoir à la fin du chapitre 2.

Merci d'avance

Hin'

vertical-align permet de donner l'alignement d'une cellule de tableau par exemple.

Huum... J'avoue ne pas comprendre ce que tu veux dire L'alignement d'une cellule de tableau par rapport à quoi ?